时间戳

首页 > 解决方案 > 如何使我们的 npm 包（待发布）尽可能小

webpack - 如何使我们的 npm 包（待发布）尽可能小

问题描述

如何最小化我们的 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 中的依赖部分：“dependencies”：{“react”：“16.8.6”，“webpack”：“4.32.2”，“react-icons”：“3.7.0”}，

标签： webpacknpm-publish

解决方案

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 是一个巨大的包，因此将其包含为依赖项太昂贵了。

推荐阅读