如何使我们的npm软件包（要发布）尽可能小

Question

如何最小化npm软件包的大小以及发布npm软件包时是否需要添加webpack作为依赖项。 我提到了以下文章： https://medium.com/quick-code/publish-your-own-react-component-as-npm-package-under-5-minutes-8a47f0cb92b9

我已经发布了我的第一个npm软件包。但是，当我们从npm软件包安装它时，它显示为“增加了67个软件包”。为什么要67个包裹？

这是package.json中的依赖项部分： “依赖关系”：{     “ react”：“ 16.8.6”，     “ webpack”：“ 4.32.2”，     “反应图标”：“ 3.7.0”   }

Answer 1

package.json中只有3个依赖项。但是这些依赖中的每一个都在内部包含许多其他依赖。

让我们看看您的软件包有多少个依赖项（包括嵌套）：

$ npx howfat react@16.8.6 webpack@4.32.2 react-icons@3.7.0
Dependencies: 356
Size: 36.79mb
Files: 3403

为什么那么多，而不仅仅是67个？因为包含您的软件包的项目还有很多其他依赖性。 67只是一些以前没有包括的新软件包。

在大多数情况下，您不应将webpack指定为依赖项。您可以将其安装为开发依赖项：

npm install --save-dev webpack

Webpack是一个巨大的程序包，因此将其作为依赖项过于昂贵。