vue 項目打包優化 webpack 3.0+


  配置優化

    隱藏源碼

   在 config 文件夾下index.js 中 build

   productionSourceMap: true 改為 productionSourceMap:false 即可   

   開啟 gzip 壓縮

  在 config 文件夾下index.js 中

    productionGzip: false 改為 productionGzip:  true 

    開啟 gzip 壓縮后,執行 npm run build 可能會報錯, 報錯信息:" Cannot find module 'compression-webpack-plugin'"

    所以就要安裝依賴 compression-webpack-plugin   

npm install --save-dev compression-webpack-plugin    //在沒有給定版本號時該命令默認安裝最新版compression-webpack-plugin,問題恰恰就出在這。

        安裝完成,重新 npm run build  然后有報錯,, 出現這種問題  是因為新版的 2.0 最低需要 node V6.9 和 webpack V4.0.0 

   因為自己的 webpack 是 3.+ 所以不行,刪除2.0 版本  npm uninstall --save-dev compression-webpack-plugin

   重新安裝 1.1.12 版本的   npm install --save-dev compression-webpack-plugin@1.1.12  然后打包就 ok啦 

 

 

 

 

 

 

   

  

 

  


免責聲明!

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



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