Rollup 配置文件

Rollup 是一款 JavaScript 模块打包器，与 Webpack 相似，但更专注于构建 JavaScript 库和组件。以下是一个简单的 Rollup 配置文件示例：

```js

// rollup.config.js

import commonjs from '@rollup/plugin-commonjs';

import nodeResolve from '@rollup/plugin-node-resolve';

import babel from '@rollup/plugin-babel';

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

export default {

input: 'src/main.js',

output: {

file: 'dist/bundle.js',

format: 'iife',

sourcemap: true

},

plugins: [

nodeResolve(),

commonjs(),

babel({

babelHelpers: 'bundled',

presets: ['@babel/preset-env']

}),

terser()

],

watch: {

clearScreen: false

}

};

```

这个简单的 Rollup 配置文件包含以下基本选项：

- `input`：设置入口文件的路径，即您希望打包的 JavaScript 文件的位置。

- `output`：指定输出目录和文件名称以及要生成的代码格式。

- `plugins`：列出用于转换和优化 JavaScript 代码的插件列表。

- `watch`：启用 Rollup 监听模式，以在修改源代码时自动重新构建您的项目。

在以上示例中，我们使用常见的 Rollup 插件：`@rollup/plugin-node-resolve` 和 `@rollup/plugin-commonjs` 插件进行模块解析与转换，`@rollup/plugin-babel` 插件进行 JavaScript 代码转换，`rollup-plugin-terser` 插件进行代码压缩。

运行 Rollup，只需要在控制台中运行 `rollup -c`，即可按照配置文件进行打包构建。