我使用的是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
目录中构建优化的生产应用程序。