我正在构建一个React Nodejs Web应用程序，并试图了解如何将前端与Webpack捆绑在一起。
这是我的项目结构
我应该在哪里安装webpack和配置webpack.config.js？我见过的大多数项目结构都是把前端文件夹放在后端文件夹中，在一些项目中，它们还单独捆绑了后端。有人能给予我一个解释吗？在哪里用这个文件夹结构实现它？我真的很困惑
This article有点切中要害，但没有解决我的问题
我正在构建一个React Nodejs Web应用程序，并试图了解如何将前端与Webpack捆绑在一起。
这是我的项目结构
我应该在哪里安装webpack和配置webpack.config.js？我见过的大多数项目结构都是把前端文件夹放在后端文件夹中，在一些项目中，它们还单独捆绑了后端。有人能给予我一个解释吗？在哪里用这个文件夹结构实现它？我真的很困惑
This article有点切中要害，但没有解决我的问题
1条答案
按热度按时间oxiaedzo1#
Webpack应该是前端库的一部分，所以它应该进入
frontend/package.json。类似地，就像frontend/eslintrc.json是前端的linting设置一样，你应该为前端Webpack配置创建一个frontend/webpack.config.js。由于您使用的是VSCode，因此，在处理前端时，您可以考虑通过转到File -〉Open Folder -〉选择Frontend文件夹来简化操作，然后您可以轻松地操作它、它的包以及它包含的所有内容（完全不会与后端混淆）。
前端文件夹的位置由您决定，但您目前的方法很好-如果您愿意，可以在同一父目录中组织一个
/frontend和一个单独的/backend文件夹。