React js webpack redux 应用程序 - 转换为静态站点 - 样板答案

【问题标题】：React js webpack redux app - convert to static site - boilerplateReact js webpack redux 应用程序 - 转换为静态站点 - 样板
【发布时间】：2017-07-12 19:42:22
【问题描述】：

这个工具有个奇怪的问题 https://github.com/kriasoft/react-static-boilerplate

我有一个 React-redux-wepback 应用程序并希望构建为静态站点

从 github 克隆 react-static-boilerplate 项目并安装所有依赖项后并使用 $ yarn start，除了一件事，一切正常，当我单击“关于”按钮时，它不会将我重定向到 /about 它只是改变地址并留在主页，

当我使用 $ yarn build 并将所有文件从公共文件夹复制到我的主机时，它工作得非常完美

但我想在我的 vps 上以开发模式（纱线启动）测试它还有奇怪的东西

我的 routes.json 片段

 {
    "path": "/about",
    "page": "./about"    
  },

但如果我将路线 json 更改为

 {
    "path": "/sign_up",
    "page": "./sign_up",
    "chunk": "main"
  },

/关于在开发模式下工作（纱线启动）但在纱线构建和复制到静态文件到托管后不工作

我不明白那个块选项，请帮忙？

或者也许有比样板工具更简单的方法来将 React 应用程序转换为可用于基本托管（无 VPS 等）的静态应用程序？

【问题讨论】：

块用于分割你的代码。如果没有文件的其余部分，很难给出答案。在此处查看文档：webpack.github.io/docs/code-splitting.html#chunk-content 如果您使用的是 Amazon S3，请查看项目 repo 上的问题#1080 以获得可能的解决方案。旁注：对于未来的项目，请查看来自 FB 的create-react-app。它创建了一个简单的反应样板，具有非常好的工具集。他们的build 命令就像生成静态网站的魅力。

标签： reactjs webpack react-router react-redux react-boilerplate

【解决方案1】：

结帐https://phenomic.io/

它是对静态 HTML 生成器的反应。

【讨论】：