rollup函数_Rollup学习系列3快速开始

下面4个插件 是最常用的插件&＃xff0c;具体作用在后面讲
npm i rollup --save-dev
npm i rollup-plugin-babel --save-dev
npm i rollup-plugin-commonjs --save-dev
npm i rollup-plugin-node-resolve --save-dev
npm i rollup-plugin-serve --save-dev

├── build # 编译脚本
│ └── rollup.config.js└── dev.js // 开发者模式
├── lib # 编译结果
│ └── index.js
├── example # HTML引用例子
│ └── index.html
└── src # ES6源码└── index.js
├── package.json

// package.json"scripts": {"dev":"rollup --config build/dev.js --watch","build": "npm run rollup","rollup": "rollup --config build/rollup.config.js",},

import babel from &＃39;rollup-plugin-babel&＃39;;
import common from &＃39;rollup-plugin-commonjs&＃39;
import resolve from &＃39;rollup-plugin-node-resolve&＃39;export default {input: &＃39;src/index.js&＃39;,output: [{file: &＃39;lib/index.js&＃39;,name:"Demo",format: &＃39;iife&＃39; // iife 表示立即执行函数},{format: &＃39;esm&＃39;,file: &＃39;lib/index.esm.js&＃39;,},{file: &＃39;lib/index.umd.js&＃39;,name:"Demo",format: &＃39;umd&＃39; },{file: &＃39;lib/index.amd.js&＃39;,name:"Demo",format: &＃39;amd&＃39; },{file: &＃39;lib/index.cjs.js&＃39;,name:"Demo",format: &＃39;cjs&＃39; },],plugins: [resolve(), babel(), common()]
}
// dev.jsimport serve from &＃39;rollup-plugin-serve&＃39;
import baseConfig from &＃39;./rollup.config&＃39;const config &＃61; baseConfig;
config.plugins.concat([serve({open: true,port: 3001,contentBase: [&＃39;example&＃39;, &＃39;lib&＃39;] // 设置 exmaple的访问目录和dist的访问目录})
]);
export default config