Optimization#

优化：该选项用于自定义优化配置。你可以通过 optimization 来自定义优化配置。默认情况下，Rspack 会根据 mode 来选择合适的优化配置。

optimization.moduleIds#

• 类型： 'named' | 'deterministic'

optimization.chunkIds#

• 类型： 'named' | 'deterministic'

optimization.mergeDuplicateChunks#

• Type: boolean
• Default: true

是否合并重复 Chunk，设置成 false 会关掉合并重复 Chunk 行为。

optimization.minimize#

• 类型： boolean
• 默认值: production 模式 为true, development 模式 为false

是否对产物进行压缩。

optimization.minimizer#

• 类型： Array<Plugin>
• 默认值: [new SwcJsMinimizerRspackPlugin(), new SwcCssMinimizerRspackPlugin()]

自定义压缩器。默认使用 rspack.SwcJsMinimizerRspackPlugin 和 rspack.SwcCssMinimizerRspackPlugin。当声明了 optimization.minimizer，默认压缩器会被禁用。

const minifyPlugin = require('@rspack/plugin-minify');
module.exports = {
  context: __dirname,
  target: 'node',
  entry: {
    main: './index.js',
  },
  optimization: {
    minimize: true,
    minimizer: [
      new minifyPlugin({
        minifier: 'terser',
      }),
    ],
  },
};

使用内置压缩器和自定义选项：

const rspack = require('@rspack/core');
module.exports = {
  // ...
  optimization: {
    minimize: process.env.NODE_ENV === 'production',
    // 当声明了 `optimization.minimizer`，默认压缩器会被禁用
    // 但你可以配合使用 '...'，它代表默认压缩器
    minimizer: [
      new rspack.SwcJsMinimizerRspackPlugin({
        format: {
          comments: false,
        },
      }),
      new rspack.SwcCssMinimizerRspackPlugin(),
    ],
  },
};

optimization.removeEmptyChunks#

• 类型： boolean
• 默认值: true

移除打包过程中产生的空 Chunk。

optimization.runtimeChunk#

• Type: boolean | string | ((entrypoint: { name: string }) => string)
• Default: false

用来控制 runtime chunk 如何生成。

设置为 true 或 'multiple' 会为每个入口点添加一个仅包含运行时的额外 chunk。

设置为 'single' 会将所有入口点的运行时代码抽离到一个单独的 chunk。

optimization.sideEffects#

• 类型： boolean | 'flag'
• 默认值: production 模式 为true, development 模式 为false

{
  "name": "npm module",
  "version": "1.0.0",
  "sideEffects": ["**/src/*.js"]
}

告诉 Rspack 识别 package.json 中的 sideEffects 标志或者 module.rules（模块配置中的规则），当模块导出都未被使用且模块本身没有副作用时跳过模块及其子树。

optimization.sideEffects 依赖于 builtins.treeShaking 的启用。这种配置项开启后有额外的构建时间开销，但移除模块对性能有积极影响，因为这意味着更少的代码生成。这种优化的效果取决于你的代码库。

module.exports = {
  //...
  optimization: {
    sideEffects: true,
  },
};

如果你只想使用通过package.json 和 module.rule.sideEffects 配置的 sideEffects，而不想分析代码:

module.exports = {
  //...
  optimization: {
    sideEffects: 'flag',
  },
};

optimization.realContentHash#

在产物处理完成后，添加额外的哈希计算步骤根据产物的文件内容计算该产物的哈希。该功能在生产环境下会默认开启。

如果将 realContentHash 设置为 false，则使用编译流程中的内部数据计算哈希，在某些情况下，即使产物内容完全一致也可能导致哈希变化。

module.exports = {
  //...
  optimization: {
    realContentHash: true,
  },
};

optimization.splitChunks#

• Type: false | object

Rspack 支持通过 optimization.splitChunks 配置项来对 Chunk 进行拆分。

该优化选项默认情况下是开启的，你可以将其设为 false 来关闭它。

点击 SplitChunksPlugin 查看可用配置项

optimization.usedExports#

• Type: boolean | 'global'
• Default: production mode istrue, development mode isfalse

告诉 rspack 对每个模块确定使用的导出。这取决于 optimization.providedExports。 optimization.usedExports 收集的信息被其他优化或代码生成使用，即不会为未使用的导出生成导出信息，当所有用法兼容时，导出名称会被缩短为单个字符标识符。压缩器中的死代码消除将受益于此，并且可以删除未使用的导出。

module.exports = {
  //...
  optimization: {
    usedExports: false,
  },
};

如果需要在运行时取消使用的导出分析：

module.exports = {
  //...
  optimization: {
    usedExports: 'global',
  },
};

optimization.innerGraph#

• Type: boolean
• Default: production mode istrue, development mode isfalse

optimization.innerGraph 告诉 rspack 是否进行未使用导出的内部图分析。

module.exports = {
  //...
  optimization: {
    innerGraph: false,
  },
};

optimization.providedExports#

• Type: boolean
• Default: true

开启后 Rspack 将会分析模块提供哪些导出，包括重导出模块，引用模块不存在的导出时会发出提示。默认情况下，optimization.providedExports 已启用，该分析会增加构建时间，你可以考虑在 development 模式中关闭该配置，关闭后有可能会遇到SideEffects 章节运行时循环依赖的错误。

module.exports = {
  //...
  optimization: {
    providedExports: false,
  },
};

optimization.mangleExports#

• Type: boolean | 'deterministic' | 'size'
• Default: production mode isdeterministic, development mode isfalse

optimization.mangleExports 允许控制导出名称的混淆。

支持以下选项：