vite中rollup-plugin-terser的使用
时间: 2024-04-25 11:15:14 浏览: 426
rollup-plugin-terser:汇总插件可最小化生成的包
在 Vite 中使用 `rollup-plugin-terser` 可以通过以下步骤完成:
1. 首先,安装 `rollup-plugin-terser`:
```bash
npm install rollup-plugin-terser --save-dev
```
2. 在 `vite.config.js` 文件中的 `build.rollupOptions` 选项中添加 `terser` 插件:
```javascript
// vite.config.js
import { defineConfig } from 'vite';
import { terser } from 'rollup-plugin-terser';
export default defineConfig({
build: {
rollupOptions: {
plugins: [terser()],
},
},
});
```
这样就启用了 `terser` 插件,并且在打包时会自动压缩代码。
如果需要更多的配置选项,可以在 `terser` 方法中传入一个对象,例如:
```javascript
export default defineConfig({
build: {
rollupOptions: {
plugins: [
terser({
compress: {
drop_console: true,
},
}),
],
},
},
});
```
上面的配置可以删除所有的 `console` 语句。
更多的配置选项可以参考 [terser 的文档](https://github.com/terser/terser#minify-options)。
阅读全文