包裹捆绑器 - React答案

【问题标题】：Parcel bundler - React包裹捆绑器 - React
【发布时间】：2018-06-16 09:58:00
【问题描述】：

我正在寻找一种快速而简单的方法来构建一个包含 parcel、react 和 GitHub 页面的简单生产单页应用程序。我试图将parcel build index.html 的输出与 gh-pages 插件捆绑为原始项目，但没有成功...... gh-pages 项目未按预期加载。当我按照本教程 (https://www.youtube.com/watch?v=nyjarJhVQMM&t=) 使用基本反应应用程序 cli 加载它时，例如。它工作正常。在构建步骤之后，我可以看到我的应用程序正在加载给定的 gh-pages 主页。但我觉得我错过了包裹捆绑的东西。有人可以指出我正确的方式吗？非常感谢！

【问题讨论】：

这个问题没有足够的信息来提供正确的答案。您在开发者控制台中看到了哪些错误消息？如果您的捆绑 HTML 页面在查找 javascript 和其他资源时遇到问题，可能是您缺少 --public-url 选项。

标签： javascript reactjs production-environment parceljs

【解决方案1】：

默认情况下，我相信 Parcel 将您的 CSS 和 JavaScript 作为根路径引用，当您部署到需要相对路径的 GitHub 页面时，它们无法加载。

要构建，请将--public-url '.' 添加到您的构建命令中：

parcel build index.html --public-url '.'

这会将https://user.github.io/my-script.js 更改为https://user.github.io/project/my-script.js

【讨论】：