React在使用create-rect应用程序时将连续构建文件放在哪里



我使用的是create-react-app。当我运行npm start(react-scripts start(时,它会不断地为我构建更改,并发挥它的魔力。但是输出文件夹是什么呢?当我手动构建它时,我知道文件的位置。

我想使用firebase模拟器来服务于我的react all的当前版本(连续构建(,但我不知道输出文件夹在哪里,也不知道如何实现它。

你可以试试这个包https://github.com/Nargonath/cra-build-watch

安装它并将脚本添加到您的包.json

{
"scripts": {
"watch": "cra-build-watch"
}
}

并运行

npm run watch

更多信息点击这里

https://ibraheem.ca/writings/cra-write-to-disk-in-dev/

如果你去看看文章中链接的反回购问题,你会发现更多的解决方法

tl;dr

运行npm run build,而不是npm run start

更多详细信息

react-scripts start在内部运行webpack开发服务器。作为默认设置,webpack-dev服务器从内存中提供捆绑文件,不在目录中写入文件。如果您想使用webpack开发服务器写入文件,您可以在开发服务器配置中将writeToDisk选项设置为true。

然而,我不认为这是你想要在firebase模拟器上提供的。Webpack开发服务器不能为生产构建最佳的应用程序,您还需要使用react应用程序重新布线来自定义cra模板中的开发服务器配置。

您要做的是npm run build运行react-scripts build,它在/build目录中构建优化的生产应用程序。

最新更新