套件組態

SWC 能夠將多個 JavaScript 或 TypeScript 檔案套件成一個。

此功能目前命名為 spack，但將在 v2 中重新命名為 swcpack。 spack.config.js 將會為 swcpack.config.js 棄用。

查看 打包的基本範例（在新分頁中開啟）。

設定

你可以使用 spack.config.js 設定打包，其選項類似於 webpack。未來，我們將探索與 webpack 相容的外掛系統。

 
module.exports = {
  entry: {
    web: __dirname + "/src/index.ts",
  },
  output: {
    path: __dirname + "/lib",
  },
};

注意：目前需要 CommonJS。未來將會支援 ES 模組。

如果你想要自動完成或類型檢查設定，你可以使用 @swc/core/spack 的 config 函式來包裝 export。它是一個具有類型註解的身分函式。

const { config } = require("@swc/core/spack");
 
module.exports = config({
  entry: {
    web: __dirname + "/src/index.ts",
  },
  output: {
    path: __dirname + "/lib",
  },
});

模式

可能的值：production、debug、none。

目前這個值尚未使用，但它將會與 webpack 有類似的行為。

條目

決定打包的條目。你可以指定檔案或將打包名稱對應到檔案路徑的映射。

注意：目前這應該是絕對路徑。你可以使用 __dirname 來建立一個。

未來，SWC 將支援使用相對路徑，並將相對於 spack.config.js 的檔案解析。

輸出

你可以使用 output 來變更打包器的目的地目錄。

const { config } = require("@swc/core/spack");
 
module.exports = config({
  output: {
    path: __dirname + "/lib",
    // Name is optional.
    name: "index.js",
  },
});

選項

用於控制 SWC 的行為。此欄位為選用。