生产优化

源码映射

生产环境下建议开启 SourceMap,以便于调试,但切记不要将 SourceMap 同产物一起上传到线上。SourceMap 会带来一定的性能开销,如果你的项目较大,建议选择一个性能较好的配置(更多配置选项见 devtool,如 source-map 配置选项。

代码压缩

在执行生产构建时,Rspack 默认使用内置的压缩器对 JavaScript 和 CSS 代码进行压缩,你可以使用 SwcJsMinimizerRspackPluginLightningCssMinimizerRspackPlugin 来进行配置。

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

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

如果内置压缩器无法满足需求,你也可以使用 optimization.minimizer 设置自定义压缩器。