如何将 WebPack 集成到具有多个项目的 VisualStudio 解决方案中

Question

在 VisualStudio 解决方案中，我有几个（可能很多）项目。 现在我想用 React 和 Webpack 添加一些网页。 在对小型独立 React 项目进行一些实验之后，似乎我应该在项目之外的解决方案的根目录下创建 package.json 文件。 这应该会导致单个 node_modules 文件夹可以被多个 React 项目共享。

然后，在 .jsx 文件所在的位置，我应该创建 webpack.config.xxx.js 文件。 稍后，当我添加另一个 React 应用程序时，我可以有另一个 webpack.config.yyy.js 文件。

为了开始 React 构建过程，我已经用一个像npm run zzz这样的命令试验了一个 .BAT 文件，其中 zzz 指的是 package.json 中的一个条目。 后来，我可以将这段代码放在.CSPROJ 文件中。

我的问题是关于路径。 通过将脚本放在几个不同的位置，脚本内的路径变得更加复杂。 是否有像 CD 这样的选项来指定 webpack.config 文件中的基本路径？ 请注意，所有代码都在版本控制存档 (SVN) 中，并且可能会在其他目录中检出，因此我不能将绝对文件路径放在配置文件中。

更根本的是我的问题，如果我不是在重新发明一些其他人已经完善的轮子。 到目前为止，我只找到了很多关于如何使用脚本开始一个全新的 React 项目的说明，这些脚本为您自动完成所有事情，而没有详细考虑如何适应现有的项目结构。

完整的帮助很好，但少量的反馈或批评也可以帮助我找到更好的方法。

Answer 1

1. 您可以将 package.json 放在项目的根目录中，这样每个子文件夹都可以使用该共享 package.json

2. 对于路径，您可以像这样添加到特定文件夹的脚本部分

    "scripts": { 
      "foldera": "cd path1 && npm install",
      "folderb": "cd path2 && npm install"
    }