vue项目优化之terser-webpack-plugin删除代码注释、打印敏感信息

1.安装插件（此插件可移除js和vue文件中的注释、打印等信息）

npm install terser-webpack-plugin -D;

2.在vue.config.js中进行配置

const TerserPlugin = require("terser-webpack-plugin");

configureWebpack: {
optimization: {
minimize: true,
minimizer: [
new TerserPlugin({
parallel: true,
terserOptions: {
compress: {
drop_console: true,//移除所有console相关代码；
drop_debugger: true,//移除自动断点功能；
pure_funcs: [“console.log”, “console.error”],//配置移除指定的指令，如console.log,alert等
},
format: {
comments: false,
},
},
extractComments: false,
})
]
}
}

以上内容转载于terser-webpack-plugin删除代码注释、打印敏感信息等

1.安装插件（此插件可移除js和vue文件中的注释、打印等信息）

npm install terser-webpack-plugin -D;

2.在vue.config.js中进行配置

const TerserPlugin = require("terser-webpack-plugin");