vue-cli 打包減少體積

 

 

1.設置config文件夾index.js中productionSourceMap的值為false，也就是設置webpack配置中devtool為false，打包后文件體積可以減少百分之八十！！！！！！！

 

2.如何實現打包文件中js、css等的版本控制？

設置build文件夾下的webpack.prod.conf.js中HtmlWebpackPlugin插件配置參數添加hash: true，即會使打包生成的index.html中的js和css路徑帶有？+隨機字符串

 

 3.開啟giz壓縮打包  productionGzip: true

（1）需要安裝依賴  compression-webpack-plugin@1.1.12

（2）修改build/webpack.prod.conf.js。asset這個選項是無效的，要改成filename

 

第一次打包

 

1.去掉mock

 

2.去掉 ElementUI