- 方法1.使用transform-remove-console插件,修改或者新建立bable.config.js
const plugins = [""];
if (['production', 'prod'].includes(process.env.NODE_ENV)) {
plugins.push("transform-remove-console")
}
- 方法2.使用uglifyjs-webpack-plugin，新建或者修改vue.config.js
// 去除console
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const env = process.env.NODE_ENV;
module.exports = {
// ... other codes
// 去除console
configureWebpack: (config) => {
if (env !== 'development' || env !== 'test') {
config.plugins.push(
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_debugger: true, // 注释console
drop_console: true,
pure_funcs:['console.log'] // 移除console
},
},
sourceMap: false,
parallel: true, //使用多进程并行运行来提高构建速度
}),
);
}
},
}
然后重新打包
