DevServer

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

提示

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

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://127.0.0.1:3000,如下所示

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

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

本页内容