现在 项目中安装 npm i --save uglifyjs-webpack-plugin
在 vue.config.js里面配置
引入
const UglifyPlugin = require("uglifyjs-webpack-plugin");
配置
module.exports = {
publicPath: "./",
lintOnSave: false, //设置是否在开发环境下每次保存代码时都启用 eslint验证。
configureWebpack: (config) => {
if (process.env.NODE_ENV == 'production') {
// 为生产环境修改配置
config.mode = 'production'
// 将每个依赖包打包成单独的js文件
let optimization = {
minimizer: [new UglifyPlugin({
uglifyOptions: {
warnings: false,
//关闭打包时候因为 console.log() 的报错
compress: {
drop_console: true,
drop_debugger: false,
pure_funcs: ['console.log']
}
}
})]
}
Object.assign(config, {
optimization
})
} else {
// 为开发环境修改配置
config.mode = 'development'
}
}
}