rollup 基本使用
Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。
Rollup 对代码模块使用新的标准化格式,这些标准都包含在 JavaScript 的 ES6 版本中,而不是以前的特殊解决方案,如 CommonJS 和 AMD。ES6 模块可以使你自由、无缝地使用你最喜爱的 library 中那些最有用独立函数,而你的项目不必携带其他未使用的代码。ES6 模块最终还是要由浏览器原生实现,但当前 Rollup 可以使你提前体验。
安装
npm install rollup
使用
创建
rollup.config.js
文件并在packge.json
文件中增加以下命令
// rollup.config.js
export default {
input: 'src/main.js',
output: {
file: 'bundle.js',
format: 'cjs'
}
};
{
"scripts": {
"build": "rollup -c ../../rollup.config.js -w",
},
}
--config | -c 指定配置文件地址
--wacth | -w 开启文件监视
其他配置选项文档
https://www.rollupjs.com/guide/big-list-of-options