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 ミニファイアーの設定の詳細はこちらをご覧ください。

バンドルコンパイル