プロダクション

ソースマップ

本番環境でのデバッグを容易にするために、本番環境でソースマップを有効にすることをお勧めします。大規模なプロジェクトの場合は、パフォーマンスがより優れた設定を選択することをお勧めします(詳細なオプションについてはdevtoolを参照)。例えば、source-map 設定オプションなどです。

ミニファイ

本番ビルド時に、Rspack はデフォルトで組み込みのミニファイザーを使用して JavaScript と CSS コードをミニファイします。SwcJsMinimizerRspackPluginLightningCssMinimizerRspackPlugin を使用して設定できます。

rspack.config.js
const rspack = require('@rspack/core');

module.exports = {
  optimization: {
    minimizer: [
      new rspack.SwcJsMinimizerRspackPlugin({
        // JS minimizer configuration
      }),
      new rspack.LightningCssMinimizerRspackPlugin({
        // CSS minimizer configuration
      }),
    ],
  },
};

組み込みのミニファイザーがニーズを満たせない場合は、optimization.minimizer を使用してカスタムミニファイザーを設定することもできます。

このページについて