webpack打包使用 terser-webpack-plugin删除console.log不生效
时间: 2023-10-19 21:35:03 浏览: 279
vue或react项目生产环境去掉console.log的操作
你好!关于你的问题,我可以提供一些帮助。要在 webpack 打包过程中使用 `terser-webpack-plugin` 删除 `console.log`,你需要确保已正确配置和使用该插件。以下是可能需要检查的几个步骤:
1. 确保已安装 `terser-webpack-plugin`。可以通过运行以下命令来安装它:
```
npm install terser-webpack-plugin --save-dev
```
2. 在 webpack 配置文件中,确保引入 `terser-webpack-plugin`:
```javascript
const TerserPlugin = require('terser-webpack-plugin');
```
3. 在 optimization 配置中,添加 `TerserPlugin`:
```javascript
optimization: {
minimizer: [
new TerserPlugin({
terserOptions: {
compress: {
drop_console: true // 删除 console.log
}
}
})
]
}
```
4. 确保 webpack 配置文件中其他的配置项没有影响到插件的执行。特别是注意是否存在其他插件或配置与 `TerserPlugin` 冲突。
完成上述步骤后,重新运行 webpack 打包命令,应该就能够删除代码中的 `console.log` 了。如果问题仍然存在,可以提供更多关于你的 webpack 配置文件的信息,以便我能够更具体地帮助你解决问题。
阅读全文