介绍

Rollup 是一个 JavaScript 模块打包器，专注于构建高效的 ES 模块。

Rollup 类似于 webpack 的打包工具，区别在于它采用更简单的功能和配置，通常用于构建工具库而不是应用。

配置文件

rollup 和其他的打包工具一样，也支持通过读取配置文件的形式打包。

在项目根目录创建名为 rollup.config.js配置文件：

// rollup.config.js
export default {
	input: 'src/main.js',
	output: {
		file: 'bundle.js',
		format: 'cjs'
	}
};

读取配置打包的命令：

rollup -c

也可以选择非默认的配置文件：

rollup --config rollup.config.dev.js
rollup --config rollup.config.prod.js

本地安装 Rollup

Rollup 官方推荐将 Rollup 本地安装，可以避免多个开发者单独安装的额外步骤，并确保开发者使用相同版本的 Rollup。

另外推荐的原因是能够在配置文件中引入 defineConfig 方法来进行配置项的智能提示：

// rollup.config.js
import { defineConfig } from 'rollup';
export default defineConfig({
	input: 'src/main.js',
	output: {
		file: 'bundle.js',
		format: 'cjs'
	}
});