vue3 打包的时候去掉console.log
时间: 2023-09-27 18:05:48 浏览: 266
vue或react项目生产环境去掉console.log的操作
在 Vue3 中,你可以通过在 `vue.config.js` 文件中配置 `configureWebpack` 来去掉打包后的 `console.log`。具体的步骤如下:
1. 在项目根目录下创建 `vue.config.js` 文件。
2. 在 `vue.config.js` 文件中添加以下代码:
```javascript
module.exports = {
configureWebpack: {
optimization: {
minimize: true,
minimizer: [
new TerserPlugin({
terserOptions: {
compress: {
drop_console: true
}
}
})
]
}
}
}
```
3. 运行 `npm run build` 命令打包项目,打包后的文件中将不再包含 `console.log`。
需要注意的是,去掉 `console.log` 可以减少文件大小,但同时也会使得调试变得困难,因此建议在开发环境下保留 `console.log`。
阅读全文