先说cli2.0:下载compression\-webpack\-plugin这个插件,在你的webpack.prod.conf.js文件中添加如下代码:(与webpackConfig同级)//Enablegzipcompressionif(config.build.productionGzip){constCompressionWebpackPlugin=require('compression-webpack-plugin')webpackConfig.plugins.push(newCompressionWebpackPlugin({filename:'[path].gz[query]',algorithm:'gzip',test:newRegExp('\\.('+config.build.productionGzipExtensions.join('|')+')$'),threshold:10240,minRatio:0.8}))}在config文件夹下的index.js中更改productionGzip设置即可这是真的。如果报错,说明你的插件版本太高,降低版本即可。npminstall--save-devcompression-webpack-plugin@1.1.12**建议在webpack.prod.conf中进行优化。在js`compress的UglifyJsPlugin中添加一句:{warnings:false,//=====以下为新增内容=====drop_console:true,//删除页面中的console.logpure_funcs:['console.log']//=====上面是新加的=====},你可以把console都去掉再说3.0(偷我们老大的文章)downloadnpmi\-Dcompression\-webpack\-plugin我们老大刚刚修改了vue.config.jsconstCompressionPlugin\=require("compression-webpack-plugin")module.exports\={assetsDir:'public',runtimeCompiler:true,publicPath:'',configureWebpack:config\=>{if(process.env.NODE\_ENV\==="production"){return{plugins:\[newCompressionPlugin({test:/\\.js$|\\.html$|\\.css/,threshold:10240,deleteOriginalAssets:false})\]}}}}即可
