rollup的使用


快速使用:

(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  不要將警告打印到控制台。

 




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM