rollup.js

概述

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。rollup.js更专注于Javascript类库打包。

用法

• 全局安装rollup：

npm i rollup -g

运行 rollup --help 可以查看可用的选项和参数。
例子：
将所有 import 的依赖(all imports)都编译到一个名为 bundle.js 的单个文件中。

• 对于浏览器：

rollup main.js --file bundle.js --format iife

• 对于Node.js:

rollup main.js --file bundle.js --format cjs

• 对于浏览器和 Node.js:

rollup main.js --file bundle.js --format umd --name "myBundle"

rollup.js配置文件

• 创建rollup.config.js文件：

touch rollup.config.js

// rollup.config.js
export default {
  // 核心选项
  input,     // 必须
  external,
  plugins,

  // 额外选项
  onwarn,

  // danger zone
  acorn,
  context,
  moduleContext,
  legacy

  output: {  // 必须 (如果要输出多个，可以是一个数组)
    // 核心选项
    file,    // 必须
    format,  // 必须
    name,
    globals,

    // 额外选项
    paths,
    banner,
    footer,
    intro,
    outro,
    sourcemap,
    sourcemapFile,
    interop,

    // 高危选项
    exports,
    amd,
    indent
    strict
  },
};

如果你想使用Rollup的配置文件，记得在命令行里加上--config或者-c

# 默认使用rollup.config.js
$ rollup --config

# 或者, 使用自定义的配置文件，这里使用my.config.js作为配置文件
$ rollup --config my.config.js