先用node安装 terser-webpack-plugin
npm install terser-webpack-plugin --save-dev
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c53cc4fb1b9dc09572ee5b317523025c.png)
然后在vue.config.js中加入以下代码***
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3343c74464c372456393d634ac213805.png)
module.exports = {
publicPath: '/',
outputDir: 'dist',
assetsDir: 'static',
lintOnSave: false,
productionSourceMap: false,
configureWebpack: {
externals: {
'BMap': 'BMap'
}
},
configureWebpack: {
name: name,
resolve: {
alias: {
'@': resolve('src')
}
}
},
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
config.optimization.minimizer[0].options.terserOptions.compress.warnings = false
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true
config.optimization.minimizer[0].options.terserOptions.compress.pure_funcs = ['console.log']
}
},