用Parceljs和React构建？

Question

如何使Parceljs与之配合使用？我从他们的回购中使用他们的示例，但无法正常工作。

https://github.com/parcel-bundler/examples

运行'npm start'后，它可以正常工作并按预期方式在localhost上呈现该页面，但是当我单击/ dist中的输出文件时，它将不起作用。因此，当我尝试从dist / index.html加载页面时，页面只是空白。我还在他们的网站上尝试了生产命令，这样它就可以停止观看文件，但是这也导致dist文件夹加载了空白页。

我该怎么做？任何帮助都会很棒。本质上，我希望能够在没有localhost的情况下访问生成的文件。

谢谢。

Answer 1

您正在本地运行索引文件，而index.html期望css文件和js文件位于根目录。当您在本地打开文件时，它会尝试在C://

下查找

要解决此问题，很遗憾，编译后必须编辑index.html。这是解决问题的三种方法，方法三专注于解决问题，但我建议方法一和方法二。

方法一

• 通过运行npm install -g http-server
安装http服务器
• 通过终端/ cmd转到项目dist文件夹
• 输入http服务器
• 您的项目将在您的默认Web浏览器中打开

方法二

• 将您的应用程序上传到Web服务器
• 您的应用程序应运行

方法三（不推荐）

• 添加NPM脚本"production": "parcel build index.html"
• 使用cd运行生产版本到您的项目，然后键入npm run production
• 进入您的dist文件夹并在编辑器中打开index.html
• 将css文件路径从href="/main.--------.css"修改为href="./main.--------.css">
• 将js文件路径从src="/main.--------.js"修改为href="./main.--------.js">

（注意：React附加组件在本地打开时不会检测到React，但是该应用程序可以正常工作。）