vite 打包怎么去掉console.log
时间: 2024-05-03 17:18:51 浏览: 246
vue或react项目生产环境去掉console.log的操作
在 Vite 中可以使用插件 `@rollup/plugin-replace` 去掉 console.log。具体步骤如下:
1. 安装插件:
```bash
npm install --save-dev @rollup/plugin-replace
```
2. 在 `vite.config.js` 文件中配置插件:
```javascript
import { defineConfig } from 'vite';
import replace from '@rollup/plugin-replace';
export default defineConfig({
plugins: [
replace({
'process.env.NODE_ENV': JSON.stringify('production'),
'console.log': '() => {}',
}),
],
});
```
上面的配置中,将 `process.env.NODE_ENV` 替换为 `'production'`,并将所有的 `console.log` 替换为一个空函数。
这样,在打包时就会去掉所有的 `console.log` 语句了。注意,这个操作会修改源代码,因此建议只在生产环境中使用。在开发环境中,可以使用 `vite-plugin-console` 插件来控制 `console.log` 的输出。
阅读全文