Rollup

特性

使用 ES6 模块
Tree-shaking：静态分析代码中的import，并将排除任何未实际使用的代码
兼容性：Rollup 可以通过插件导入已存在的 CommonJS 模块。

常用的插件

rollup-plugin-node-resolve

Rollup 无法处理对node_modules里的包的依赖，增加此配置，可以让 Rollup 具有对node_modules的依赖处理的能力，并将其打包到输出文件里。

rollup-plugin-commonjs

一些库导出成你可以正常导入的ES6模块，但是目前 NPM 中的大多数包都是以 CommonJS 模块的形式出现的。在它们更改之前，我们需要将 CommonJS 模块转换为 ES2015 供 Rollup 处理。该插件就是用来将 CommonJS 模块转换成 ES2015 模块的。

rollup-plugin-babel

配置 Babel

Reference

Rollup 与其他工具集成open in new window

完整配置

// src/.babelrc
{
  "presets": [
    ["latest", {
      "es2015": {
        "modules": false
      }
    }]
  ],
  "plugins": ["external-helpers"]
}

1
2
3
4
5
6
7
8
9
10
11

import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';

export default {
  input: 'src/main.js',
  output: {
    file: 'bundle.js',
    format: 'cjs'
  },
  plugins: [
    resolve(),
    commonjs(),
    babel({
      exclude: 'node_modules/**' // 只编译我们的源代码
    })
  ]
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# Rollup

# 特性

# 常用的插件

# rollup-plugin-node-resolve

# rollup-plugin-commonjs

# rollup-plugin-babel

# 完整配置