时间戳

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

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

问题描述

我可以使用一些方向和工具建议。我想为这个同时具有客户端和服务器文件夹并使用Express.js 和 GraphQL的 React 应用程序设置和配置webpack。

反应客户端和服务器

有人建议我使用两种配置运行 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

您是否有任何与此应用设置相匹配的推荐教程？

谢谢！

标签： reactjsexpresswebpackgraphql

解决方案

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

例如：

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

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

推荐阅读