DevServer#

Rspack CLI 帶有內建的 @rspack/dev-server 用於開發和偵錯。它的功能與 webpack-dev-server 類似，包括熱模組替換（HMR）、代理伺服器等功能。

HMR#

預設情況下，Rspack 在開發模式下啟用 HMR。您可以透過在 rspack.config.js 中設定 devServer.hot 選項來停用 HMR。

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

Proxy#

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。