rollup的基本使用

rollup是一款高效的ESM打包器，一般作为框架的打包工具

rollup的用法：

1. yarn add rollup --dev
2. 启动方式：

• 通过命令： yarn rollup 入口文件 --format 输出格式 --file 输出文件
• 通过默认配置文件rollup.config.js: yarn rollup --config
• 通过自定义配置文件: yarn rollup --config

3. 配置文件

module.exports = {
 input: 'src/index.js',
 output:{
   file:'dist/bundle.js',
   //  包含五种输出格式：amd /  es6 / iife / umd / cjs
   format: 'iife'  
 }
}

4. 插件的使用
   以 rollup-plugin-json 为例

安装 rollup-plugin-json

yarn add rollup-plugin-json --dev

在配置文件中导入并使用

const json = require("rollup-plugin-json")

//	配置项添加
{
  plugins:[
    json()
  ]
}

5. 常用插件

• rollup-plugin-json： 加载json文件
• rollup-plugin-node-resolve: 加载npm模块
• rollup-plugin-commonjs: 加载commonjs模块