[TOC] ## 概述 打包工具的作用是，將多個 JavaScript 腳本合并成一個腳本，供瀏覽器使用 是打造一款簡單易用的 ES 模塊打包工具 ## 安裝 ``` npm install --global rollup ``` 使用 ``` $ rollup --help # 或者 $ npx rollup --help ``` ## 示例 ### 快速入門 ``` // add.js const PI = 3.14; const E = 2.718; export function addPi(x) { return x + PI; } export function addE(x) { return x + E; } ``` ``` // main.js import { addPi } from './add.js'; console.log(addPi(10)); ``` 執行,默認輸出到屏幕 ``` > rollup main.js const PI = 3.14; function addPi(x) { return x + PI; } console.log(addPi(10)); ``` 會自動打包成一個文件,并且沒用到的函數不會輸出 ``` rollup main.js --file bundle.js ``` 輸出到指定文件 ### 多入口文件 ``` rollup m1.js m2.js --dir dist ``` 就依次填寫它們的文件名，并使用參數`--dir`指定輸出目錄 ### 壓縮代碼 ``` rollup main.js --compact ``` ### 文件配置 ``` // rollup.config.js export default { input: 'main.js', output: { file: 'bundle.js', format: 'es' } }; ``` ``` rollup -c ``` 啟動參數