Vue + ElementUI的電商管理系統實例22 項目優化-為開發模式與發布模式指定不同的打包入口


項目優化策略

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM