#生产优化

#代码分割

Rspack 支持代码分割特性，允许让你对代码进行分割，控制生成的资源体积和资源数量来获取资源加载性能的提升。

参考 代码分割 章节了解更多。

#Tree shaking

Rspack 支持 tree shaking 功能，这是一个在 JavaScript 生态中广泛使用的术语，主要用于去除未被访问的代码，俗称“死代码”。

参考 Tree shaking 章节了解更多。

#代码压缩

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

如果你需要自定义压缩选项，可以使用 SwcJsMinimizerRspackPlugin 和 LightningCssMinimizerRspackPlugin 来进行配置。

import { rspack } from '@rspack/core';

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

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