模式#

• 類型： 'production' | 'development' | 'none'
• 預設值：'production'

mode 設定用於設定 Rspack 的建置模式，以啟用預設的優化策略。

用法#

您可以直接在 rspack.config.js 中設定模式

module.exports = {
  mode: 'production',
};

在實際場景中，您可以根據 process.env.NODE_ENV 動態設定模式

const isProduction = process.env.NODE_ENV === 'production';

module.exports = {
  mode: isProduction ? 'production' : 'development',
};

或者，您可以使用 Rspack CLI 上的 --mode 選項設定模式

rspack --mode=production

可選值#

mode 有以下可選值

production#

在生產模式下，Rspack 會自動啟用以下優化策略

• 將程式碼中的 process.env.NODE_ENV 替換為 'production'。
• 將 optimization.minimize 的預設值設定為 true，以啟用 SWC 最小化。

development#

在開發模式下，Rspack 會自動啟用以下優化策略

• 將程式碼中的 process.env.NODE_ENV 替換為 'development'。
• 為模組和區塊設定適當的命名格式。

none#

當 mode 設定為 'none' 時，Rspack 將不會啟用任何預設的優化策略。