快速上手 ​

开发环境与安装 ​

node使用 v16.14.0
rollup 版本 v4.30.1

首先全局安装rollup npm install rollup --global 安装完毕后,这里可以在控制台执行rollup命令 注意: 因为没有传入参数，Rollup 会打印出使用说明。这和运行 rollup --help，或者 rollup -h 相同。

rollup基础工程需要的目录结构 ​

注意rollup 支持命令行界面（CLI）操作,但是这样命令会复杂到很难读懂,这里我更推荐使用配置文件式操作,所以这里关于命令的除了必要的都会一笔带过。

├── dist # 编译结果
├── package.json
└── src # 源码
    └── index.js
└── rollup.config.mjs # rollup配置文件

实际代码关系如下

打包 ​

此时我们就已经搭建好了一个简单的rollup工程
使用命令 rollup -c 即可对函数进行打包
怎么样是不是很简单

修改打包命令 ​

由于我们习惯了webpack 或者其它构建工具的打包方式,这里也是推荐使用package添加一个单一的构建脚本 如

{
	"scripts": {
		"build": "rollup --config"
	}
}

{
	"scripts": {
		"build": "rollup --config"
	}
}

这样你和你的小伙伴就可以使用 npm run build进行打包了