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