包裹捆绑包 - React

时间:2018-01-06 23:50:05

标签: javascript reactjs production-environment parceljs

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

1 个答案:

答案 0 :(得分:0)

默认情况下,我相信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

相关问题