バンドル設定

SWC は、複数の JavaScript または TypeScript ファイルを 1 つにバンドルできます。

この機能は現在 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 関数でエクスポートをラップできます。これは型アノテーション付きの恒等関数です。

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

mode

可能な値: production、debug、none。

現在、この値は使用されていませんが、webpack と同様に動作します。

entry

バンドルのエントリを決定します。ファイルまたはバンドル名とファイルパスのマップを指定できます。

注: 現在は絶対パスにする必要があります。__dirname を使用して作成できます。

将来的には、SWC は相対パスの使用をサポートし、spack.config.js を基準にファイルを解決します。

output

output を使用して、バンドラーの出力先ディレクトリを変更できます。

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

options

SWC の動作を制御するために使用されます。このフィールドはオプションです。