Webpack Dev服务器问题

Question

我正在使用Express + React构建Web应用程序。

我正在处理WEbpack Dev Server的问题。

我的Webpack Dev Server构建捆绑包就好了！ 但是，我对文件的提供方式存在问题。

通常，我们将根html文件命名为index.html，但由于我的Web应用程序架构，我不能使用index.html而是将其命名为client.html。

这让我想到了我所面临的问题，当我转到localhost：8080时，webpack dev服务器会查找index.html，因为我使用client.html webpack dev要求我选择我的文件。

Webpack Static file select screen

那么，有没有办法在我访问localhost时直接加载client.html：8080（Webpack Dev Server）。

提前致谢！

Answer 1

在webpack.config.js文件中，您可以添加webpack dev服务器的配置

devServer: {
  historyApiFallback: {
    rewrites : [
      {from: /^\/$/, to: './client.html'}
    ]
  }
}

这会将您的默认 index.html 重定向到 client.html 有关详细信息，请参阅DevServer documentation