Rollup 打包工具

Rollup 是什么？

Rollup 是 JavaScript 模块打包器，生成小巧的包。

安装

npm install rollup --save-dev

基本配置

// rollup.config.js
export default {
  input: 'src/main.js',
  output: {
    file: 'bundle.js',
    format: 'cjs'
  }
};

输出格式

• esm: ES modules
• cjs: CommonJS
• iife: 立即执行函数
• umd: 通用模块定义

插件

import { terser } from 'rollup-plugin-terser';
import resolve from '@rollup/plugin-node-resolve';

export default {
  input: 'src/main.js',
  output: {
    file: 'bundle.js',
    format: 'iife'
  },
  plugins: [
    resolve(),
    terser()
  ]
};

Tree Shaking

Rollup 天然支持静态分析和 Tree Shaking。

总结

Rollup 适合库开发。生成干净的代码。