CC 4.0 许可证

本节内容源自以下链接的内容,并受 CC BY 4.0 许可证的约束。

除非另有说明,以下内容可以被认为是基于原始内容修改和删除的结果。

模式

  • 类型: 'production' | 'development' | 'none'
  • 默认值:'production'

mode 配置用于设置 Rspack 的构建模式以启用默认优化策略。

用法

您可以在 rspack.config.js 中直接设置模式。

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

在实际场景中,您可以根据 process.env.NODE_ENV 动态设置模式。

rspack.config.js
const isProduction = process.env.NODE_ENV === 'production';

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

或者,您可以使用 Rspack CLI 上的 --mode 选项设置模式。

rspack --mode=production
信息

CLI 上的 --mode 选项优先级高于 rspack.config.js 中的 mode

可选值

mode 具有以下可选值

生产

在生产模式下,Rspack 会自动启用以下优化策略

  • 将代码中的 process.env.NODE_ENV 替换为 'production'
  • optimization.minimize 的默认值设置为 true 以启用 SWC 缩小。

开发

在开发模式下,Rspack 会自动启用以下优化策略

  • 将代码中的 process.env.NODE_ENV 替换为 'development'
  • 为模块和块设置合适的命名格式。

mode 设置为 'none' 时,Rspack 不会启用任何默认优化策略。