时间戳

首页 > 解决方案 > Webpack 开发服务器问题

reactjs - Webpack 开发服务器问题

问题描述

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

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

我的 Webpack 开发服务器可以很好地构建包！但是，我对提供文件的方式有疑问。

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

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

Webpack 静态文件选择屏幕

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

提前致谢！

标签： reactjswebpackwebpack-dev-serverwebpack-4

解决方案

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

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

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

推荐阅读