基本 npm + Webpack：为什么有这么多模块？

Question

我只是在尝试使用 npm 和 Webpack 来尝试了解它们是如何结合在一起的。我创建了一个非常简单的 package.json 文件并要求 npm 像这样安装 webpack：

npm install webpack --save-dev

但是当我这样做时，我的 npm_modules 文件夹中充满了 127 个模块：align-text、ansi-wrap、crypto-browserify、optimist、punycode 等。当我在其他项目中使用“npm install”时使用Webpack的，他们似乎没有这个问题。他们只是有他们列为 devDependencies 的依赖项。

如果我还添加 webpack-dev-server，列表将增长到 192！

如果模块没有干扰，它不会是干净的，但不会有真正的问题。但是我正在尝试安装 webpack，因为我想包含我的模块，一旦 webpack 看到 node_modules 目录，它最终会产生一个超级大的输出:(

这正常吗？有什么办法可以让我没有那么多模块吗？

对于我的英语不好，请接受我的歉意，非常感谢您提供的任何建议。

Answer 1

因为 npm@3 依赖现在是installed flat。

您可以通过查看您提到的“其他项目”的node_modules/webpack/node_modules 来验证这一点。在那个文件夹里面， 你应该也能找到 webpack 的依赖。

您的依赖项现在将安装到最大平面。在可能的情况下，您的所有依赖项及其依赖项以及它们的依赖项都将安装在项目的 node_modules 文件夹中，没有嵌套。只有当两个（或更多）模块具有冲突的依赖关系时，您才会看到相互嵌套的模块。