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