@rollup/plugin-terser 用法

`@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 代码了。请记住，确保您的代码在压缩后仍然可读，并且仍然能够正常工作。