使用node.js和react.js客户端启动一个firebase函数项目

Question

我正在开发一个应用程序，使用node.js和express.js托管在firebase上，使用firebase functions，并在类型记录中进行开发。我想使用react.js作为客户端框架。我使用以下方法设置node + express + firebase：

firebase init hosting
firebase init functions

但是，考虑到当前的项目设置，没有明显的方法使用create-react-app ...来设置create-react-app ...前端框架。特别是，create-react-app似乎创建了自己的node_module和index.js。我发现了这个：https://medium.freecodecamp.org/how-to-make-create-react-app-work-with-a-node-backend-api-7c5c48acb1b0

这有点特别。特别是，它使用yarn启动了一个开发服务器，但我使用的是firebase serve ...，并且希望保持这种状态。这些不同的框架在一起玩吗？#webDev

Answer 1

您肯定可以在一起使用React和Firebase，但是合并由初学者工具包为每个组件生成的复杂模板可能会带来更大的麻烦。

您可能需要选择哪个生成的模板为您提供了最大的价值(无论是来自firebase init hosting还是create-react-app)，然后逐个从非选择的模板中站起来。

如果您真的想使用firebase serve，您将失去create-react-app提供的热重加载和其他开发时间的好处，因为firebase serve内部使用superstatic (存储库)，这是一个用于托管静态文件的开发服务器。

您可以使用npm install --save react react-dom的这种设置，然后按照正常方式使用React，但是很可能您希望在您的源代码和firebase serve服务的静态文件之间建立一个工具链(考虑到您使用了typescript标记，我假设您至少需要将.ts传输到.js)，如果您只想使用firebase-serve，那么您就需要自己设置它。

在我看来，您通过create-react-app获得的开发工具链将为您的特定情况提供比坚持使用firebase serve更直接的价值。有什么特别的原因让你觉得被firebase serve粘住了吗？

(不使用firebase serve绝不会导致以后要部署到firebase宿主时运行firebase deploy --only hosting的问题，只要宿主配置指向npm run build输出构建的文件的目录)。