DevServer

Rspack CLI 带有一个内置的 @rspack/dev-server 用于开发和调试。它的功能类似于 webpack-dev-server，包括热模块替换 (HMR)、代理服务器等功能。

提示

@rspack/dev-server 使用了 webpack-dev-server@5，它与 webpack-dev-server@4 有一些区别。

webpack-dev-server v5 的最低支持 Node.js 版本为 18.12.0。
一些配置选项已更改。请参阅 webpack-dev-server v5 迁移指南。

HMR

默认情况下，Rspack 在开发模式下启用 HMR。您可以在 rspack.config.js 中配置 devServer.hot 选项来禁用 HMR。

module.exports = {
  devServer: {
    hot: false,
  },
};

警告

当 output.cssFilename 包含 [hash] 或 [contenthash] 时，CSS 的 HMR 不起作用。

代理

Rspack 带有一个内置的简单代理服务器。您可以在 rspack.config.js 中配置 devServer.proxy 选项来启用代理服务器。devServer 在内部使用 http-proxy-middleware 来实现代理功能。例如，您可以将 /api 代理到 https://:3000，如下所示

module.exports = {
  devServer: {
    proxy: [
      {
        context: ['/api'],
        target: 'https://:3000',
        changeOrigin: true,
      },
    ],
  },
};

有关更多 devServer 配置选项，请参阅 devServer。

本页内容

DevServer#

HMR#

代理#

DevServer

HMR

代理