有沒有辦法捆綁本機ECMAScript模塊？

Question

我想知道是否有捆綁本地ES模塊的標准方法。

假設我有一個這樣的“出色”項目（例如）：

<!-- index.html -->
<script type="module" src="./main.js"></script>

// main.js
import value from "./lib.js"

console.log(value);

// lib.js
export default 'hello world';

現在，它需要加載三個請求-太多了，我只需要兩個請求-.html和.js。

乍一看看起來很簡單（ cat *.js > bundle.js ），但是在一個文件中沒有多個ES模塊的語法（如我所見）。

我知道我可以將ES模塊語法轉換為其他模塊系統（例如AMD），然后將它們捆綁在一起，但這不是我想要的。

我很好奇只能通過本機模塊功能來完成此操作。 盡可能簡單和手工。

有沒有辦法做到這一點？ 也許至少是一個建議？

謝謝。

Answer 1

匯總也支持ESM作為輸出格式。 您的示例將轉換為一個簡單的腳本，但是如果您的輸入模塊中有導出，它將保留它們。

Answer 2

rollup ， webpack等本身了解並可以捆綁ES模塊。