简体中文

生产优化

源码映射

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

代码压缩

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

rspack.config.js

const rspack = require('@rspack/core');

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

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

ON THIS PAGE

生产优化#

源码映射#

代码压缩#

生产优化

源码映射

代码压缩