Rollup

Rollup

以下，简单记录一下 Rollup 的学习笔记。

---

内容概要

• 关键词：小而精、es module 打包、 tree-shaking、插件
• 基础配置：input、output、plugins
• rollup-plugin-json：令 Rollup 从 JSON 文件中读取数据
• rollup-plugin-node-resolve：加载 npm 模块
• rollup-plugin-commonjs：加载 CommonJS 模块（配合 node-resolve 使用）

---

Rollup 介绍

Rollup 是一款 es module 打包器，把散落的模块打包到一块。看起来跟 webpack 有点像。但 webpack 几乎可以完成前端工程化中所有的事情，而 rollup 只是一款单纯的模块打包器，没有其他别的什么功能。

与 webpack 相比，它没有强大的功能，它只能打包 es module 模块，是一个小巧、精简、高效的打包工具。

自带 tree-shaking 的功能，不需要额外配置。

官方文档：https://www.rollupjs.com/

快速入门

安装：yarn install rollup --dev
命令行使用：yarn rollup main.js --file bundle.js --format iife

main.js 入口文件
--file 指定输出文件
--format 指定输出格式

基础配置

input ：指定打包入口
output：指定输出配置
output.file ：输入路径、文件名（IIFE格式下，只输出一个文件）
output.format：指定输出格式（可选值：iife / cjs / esm / amd / system / umd）

// rollup.config.js
export default {
   
  input: 'src/index.js',
  output: {
   
    file: '