rollup基礎

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

原文地址：https://kspf.xyz/archives/137/