@rollup/plugin-terser 用法

壤驷鸿
2023-12-01

`@rollup/plugin-terser` 是一个用于压缩 JavaScript 代码的插件。使用该插件可以大幅减小代码体积,提高应用程序的性能。以下是 `@rollup/plugin-terser` 的用法步骤:

1. 安装 `@rollup/plugin-terser` 插件

使用以下命令安装 `@rollup/plugin-terser` 插件:

```bash

npm install --save-dev @rollup/plugin-terser

```

2. 在 `rollup.config.js` 文件中导入 `@rollup/plugin-terser`

在 `rollup.config.js` 文件中导入 `@rollup/plugin-terser`:

```js

import { terser } from 'rollup-plugin-terser';

```

3. 在 `plugins ` 中添加 `terser` 插件

在 `rollup.config.js` 文件中,在 `plugins` 数组中添加 `terser` 插件:

```js

export default {

// ...

plugins: [

// ...

terser()

]

};

```

4. 配置 `terser` 插件

您可以通过传递选项对象来配置 `terser` 插件。以下是一些可能的选项:

- `compress`: 压缩选项对象

- `mangle`: 混淆选项对象

- `output`: 输出选项对象

例如,以下代码示例配置 `terser` 插件以禁用 console.log 语句:

```js

export default {

// ...

plugins: [

// ...

terser({

compress: {

drop_console: true

}

})

]

};

```

通过以上步骤,您现在已经可以使用 `@rollup/plugin-terser` 插件来压缩 JavaScript 代码了。请记住,确保您的代码在压缩后仍然可读,并且仍然能够正常工作。

 类似资料: