vue-cli 2.8.1 詳解
vue-cli webpack配置文件在build文件夾和config文件夾来氧。
build文件夾里分為10個(gè)關(guān)于webpack的文件
1.build.js 顧名思義就是用做生產(chǎn)環(huán)境的一個(gè)文件魂贬,一般不做修改录淡。
2.check—versions.js 檢測(cè)npm和node版本庆械。
3.dev-clients.js 客戶端熱重載
4.dev-server.js 開發(fā)環(huán)境
5.utils.js 用來處理css-loader和vue-style-loader
6.vue-loader.conf.js vue-loader
7.webpack.base.conf.js
配置webpack編譯入口
配置webpack輸出路徑和命名規(guī)則
配置模塊resolve規(guī)則
配置不同類型模塊的處理規(guī)則
8.webpack.dev.conf.js
這里面在webpack.base.conf的基礎(chǔ)上增加完善了開發(fā)環(huán)境下面的配置津肛,主要包括下面幾件事情:
將webpack的熱重載客戶端代碼添加到每個(gè)entry對(duì)應(yīng)的應(yīng)用
合并基礎(chǔ)的webpack配置
配置樣式文件的處理規(guī)則,styleLoaders
配置Source Maps
配置webpack插件
9.build/webpack.prod.conf.js
構(gòu)建的時(shí)候用到的webpack配置來自webpack.prod.conf.js搜锰,該配置同樣是在webpack.base.conf基礎(chǔ)上的進(jìn)一步完善伴郁。主要完成下面幾件事情:
合并基礎(chǔ)的webpack配置
配置樣式文件的處理規(guī)則,styleLoaders
配置webpack的輸出
配置webpack插件
gzip模式下的webpack插件配置
webpack-bundle分析