項目優化策略
3、為開發模式與發布模式指定不同的打包入口
默認情況下,Vue項目的開發模式與發布模式,共用同一個打包的入口文件(即src/main.js)。為了將項目的開發過程與發布過程分離,我們可以為兩種模式,各自指定打包的入口文件,即:
1)開發模式的入口文件為src/main-dev.js
2)發布模式的入口文件為src/main-prod.js
configureWebpack 與 chainWebpack
在 vue.config.js 導出的配置對象中,新增 configureWebpack 或 chainWebpack 節點,來自定義 webpack 的打包配置。
在這里,configureWebpack 和 chainWebpack 的作用相同,唯一的區別就是它們修改 webpack 配置的方式不同:
1)configureWebpack 通過操作對象的形式,來修改默認的 webpack 配置
2)chainWebpack 通過鏈式編程的形式,來修改默認的 webpack 配置
兩者具體的使用差異,可以參考如下網址:
https://cli.vuejs.org/zh/guide/webpack.html#webpack-%E7%9B%B8%E5%85%B3