設定 SWC

SWC 可以透過 .swcrc 檔案設定。

編譯

編譯在 SWC 中預設即可使用，不需要自訂。您可以選擇覆寫設定。以下是預設值

.swcrc

{
  "$schema": "https://json.schemastore.org/swcrc",
  "jsc": {
    "parser": {
      "syntax": "ecmascript",
      "jsx": false,
      "dynamicImport": false,
      "privateMethod": false,
      "functionBind": false,
      "exportDefaultFrom": false,
      "exportNamespaceFrom": false,
      "decorators": false,
      "decoratorsBeforeExport": false,
      "topLevelAwait": false,
      "importMeta": false
    },
    "transform": null,
    "target": "es5",
    "loose": false,
    "externalHelpers": false,
    // Requires v1.2.50 or upper and requires target to be es2016 or upper.
    "keepClassNames": false
  },
  "minify": false
}

進一步了解編譯設定。

支援的瀏覽器

從 v1.1.10 開始，現在可以使用 browserslist 自動設定支援的瀏覽器。

用法

首先，安裝 browserslist。然後，更新 .swcrc

.swcrc

{
  "env": {
    "targets": {
      "chrome": "79"
    },
    "mode": "entry",
    "coreJs": "3.22"
  }
}

進一步了解設定支援的瀏覽器。

模組

進一步了解設定模組。

縮小

從 v1.2.67 開始，可以在 .swcrc 檔案中啟用 minify，設定 SWC 縮小程式碼

.swcrc

{
  "minify": true
}

閱讀更多有關設定 JavaScript 壓縮器的資訊。

套件化編譯