rollup 采用 es6 原生的模塊機制進行模塊的打包構建，rollup 更著眼于未來，對 commonjs 模塊機制不提供內置的支持，是一款更輕量的打包工具。rollup 比較適合打包 js 的 sdk 或者封裝的框架等，例如，vue 源碼就是 rollup 打包的。而 webpack 比較適合打包一些應用，例如 SPA 或者同構項目等等。

創(chuàng)建項目

目錄結構是這樣的：

hey-rollup/├── dist│  ├── bundle-name.js│  └── bundle-name.min.js├── example│  ├── dist│  │  └── example.js│  ├── index.html│  └── index.js├── package-lock.json├── package.json├── rollup.config.js├── src│  └── index.js└── test  └── index.js

你可以在你的終端中執(zhí)行下面的命令來安裝此項目

# cd /path/to/your/projectsgit clone https://github.com/daixwu/hey-rollup.git

安裝 Rollup

通過下面的命令安裝Rollup:

npm install --save-dev rollup

創(chuàng)建配置文件

在 hey-rollup 文件夾中創(chuàng)建一個新文件 rollup.config.js。之后在文件中添加下面的內容：

export default { input: "src/main.js", output: {  file: "dist/js/main.min.js",  format: "umd",  name: 'bundle-name' }};

下面是每一個配置選項都做了些什么：

• input ―― 要打包的文件
• output.file ―― 輸出的文件 (如果沒有這個參數，則直接輸出到控制臺)
• output.format ―― Rollup 輸出的文件類型 (amd, cjs, es, iife, umd)
  • amd 主站蜘蛛池模板： 九龙县| 鄯善县| 昂仁县| 景德镇市| 哈密市| 溆浦县| 济南市| 康定县| 新余市| 错那县| 财经| 锡林浩特市| 武穴市| 固安县| 定襄县| 四平市| 牡丹江市| 九江县| 曲麻莱县| 青海省| 永登县| 嘉善县| 花莲县| 富民县| 滕州市| 石台县| 清涧县| 台南县| 葫芦岛市| 井研县| 莫力| 灵丘县| 无锡市| 诸暨市| 平湖市| 扶绥县| 日照市| 古浪县| 漳平市| 河间市| 桐乡市|