1、安装插件
npm install webpack-parallel-uglify-plugin --save-dev
我用的install命令,其他命令大同小异,大家百一下就行
2、配置vue.config.js
首先引入插件:const ParallelUglifyPlugin = require('webpack-parallel-uglify-plugin');
这里注意我用的vue-cli构建的项目,所以修改webpack配置要放在configureWebpack里,具体配置可根据自己项目实际情况增加或者减少。
configureWebpack: {
optimization: {
minimizer: [
new ParallelUglifyPlugin({
cacheDir: '.cache/', // 缓存目录,可选
sourceMap: false, // 删除map文件
uglifyJS: {
// 这里可以配置UglifyJS的选项
output: {
comments: false, // 移除注释
beautify: false, // 不美化输出
},
warnings: false, // 不显示警告信息
compress: {
drop_console: true, // 删除console.log等调试语句
},
},
}),
],
},
},
3、npm run build看一下是不是项目小了很多!