如何使用 Express.js、GraphQL、客户端和服务器文件夹为 React 应用程序配置 Webpack？

Posted 2023-03-08

【中文标题】如何使用 Express.js、GraphQL、客户端和服务器文件夹为 React 应用程序配置 Webpack？

【英文标题】：How do I configure Webpack for React app using Express.js, GraphQL, client and server folders?

【发布时间】：2019-12-20 01:08:35

【问题描述】：

我可以使用一些方向和工具建议。我想为这个同时具有 client 和 server 文件夹并使用 Express.js 和GraphQL。

有人建议我使用两种配置运行 webpack 两次：一种用于前端，一种用于后端。但这是最优化的性能和最快的构建吗？

查看 App.js 文件有 Mongo、Express.js 和 GraphQL 设置： https://github.com/iamshaunjp/graphql-playlist/blob/lesson-36/server/app.js

https://github.com/iamshaunjp/graphql-playlist/tree/lesson-36

您有与此应用设置相匹配的推荐教程吗？

谢谢！

【参考方案1】：

关于如何设置应用程序项目的模式不止一种，这通常取决于您的项目有多大。但是，我也会在 webpack 上分离后端和前端，方法是为 CLIENT 创建单独的 Webpack 配置文件，为 SERVER 创建一个配置文件，并为它们创建两个单独的服务器。

例如：

webpack.dev.server.js webpack.dev.client.js

在后端你可以设置服务器配置，在客户端你可以为 React 应用设置 webpack 开发服务器。

【讨论】：

非常感谢您花时间回答。感谢您的回复！对于这个应用程序，我看到客户端使用 create-react-app，因此客户端不需要 webpack，服务器端使用 nodemon。我只是好奇将来如何为全栈应用程序设置 webpack。谢谢！