将 React Webpack 应用程序(不是使用 create-react-app 创建)部署到 Github 页面

IT技术 javascript reactjs github react-router github-pages
2021-05-23 22:46:24

我对 React 生态系统还很陌生;我为技术会议制作了一个简单的单页网页,我想将它部署到 gh-pages。

我知道 create-react-app 有关于部署到 gh-pages 的非常好的文档,但我的应用程序不是用它制作的。我手动设置了 Webpack 和 React 的所有配置,而不是使用 create-react-app 使用的 react-scripts module。

我试图找到一些关于将非 create-react-app 部署到 gh-pages 的帖子,但我没有运气,所以我想知道是否有任何简单的解决方案。

我目前的解决方案是仅将 dist 文件夹推送到 gh-pages 并提供服务。我想看看是否有一种更简单的方法可以将整个 dev 分支推送到 gh-pages 并且仍然能够提供正确的元素。

2个回答

您可以推送整个 dev 分支并选择 github 以显示来自master分支的页面确保在master分支中将脚本编译到/存储库的(索引)中,以便您的页面显示出来。

我知道这个问题已经晚了,但是您可以使用gulpwithgulp-gh-pages自动将 React 构建推送到 Github Pages。