快速使用:
(1)安裝:npm i rollup -g
(2)使用說明:rollup -h
(3)項目開始:
我們來創建一個簡單的項目:
mkdir -p my-rollup-project/src
cd my-rollup-project
首先,我們需要個 入口。將以下代碼粘貼到新建的文件 src/main.js
中:
// src/main.js
import foo from './foo.js';
export default function () {
console.log(foo);
}
之后創建入口文件引用的 foo.js
模塊:
// src/foo.js
export default 'hello world!';
現在可以創建 bundle 了:
rollup src/main.js -f cjs
命令行的參數:
-i, --input <filename> 要打包的文件(必須) -o, --file <output> 輸出的文件 (如果沒有這個參數,則直接輸出到控制台) -f, --format <format> 輸出的文件類型 (amd, cjs, esm, iife, umd) -e, --external <ids> 將模塊ID的逗號分隔列表排除 -g, --globals <pairs> 以`module ID:Global` 鍵值對的形式,用逗號分隔開 任何定義在這里模塊ID定義添加到外部依賴 -n, --name <name> 生成UMD模塊的名字 -h, --help 輸出 help 信息 -m, --sourcemap 生成 sourcemap (`-m inline` for inline map) --amd.id AMD模塊的ID,默認是個匿名函數 --amd.define 使用Function來代替`define` --no-strict 在生成的包中省略`"use strict";` --no-conflict 對於UMD模塊來說,給全局變量生成一個無沖突的方法 --intro 在打包好的文件的塊的內部(wrapper內部)的最頂部插入一段內容 --outro 在打包好的文件的塊的內部(wrapper內部)的最底部插入一段內容 --banner 在打包好的文件的塊的外部(wrapper外部)的最頂部插入一段內容 --footer 在打包好的文件的塊的外部(wrapper外部)的最底部插入一段內容 --interop 包含公共的模塊(這個選項是默認添加的)
-h
/--help
打印幫助文檔。
-v
/--version
打印已安裝的Rollup版本號。
-w
/--watch
監聽源文件是否有改動,如果有改動,重新打包
--silent
不要將警告打印到控制台。