Webpack开发服务器问题

Question

我正在构建一个使用Express + React的web应用程序。

我正在处理WEbpack开发服务器的一个问题。

我的Webpack开发服务器构建的包很好！但是，我对文件的处理方式有异议。

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

这就引出了我所面临的问题，webpack开发服务器在我去本地主机时寻找index.html :8080，当我使用client.html时webpack dev服务要求我选择我的文件。

Webpack静态文件选择屏幕

那么，当我访问本地主机:8080(Webpack开发服务器)时，是否有一种直接加载client.html的方法？

提前谢谢！

Answer 1

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

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

这将将您的默认index.html重定向到client.html以获得更多详细信息，请参见DevServer文档