使用webpack作为React npm包的构build工具
我一直在玩webpack和npmregistry。 我创build了我自己的小项目。 我发布到npmregistry。 一切似乎都很好，但有一件事让我担心。
由webpack（ lib/index.js ）构build的文件几乎包含了2k行代码，而我的库非常小。 我看到它包含两个依赖项，我使用的是prop-types和detect-browser 。 他们使大部分的代码。 在下载这两个库之后把它们hover在一个testing项目中，我希望它们能够以某种方式被树形或类似的东西重复的删除，但是我的包的大小仍然是一样的。
基本上，我问的是：我的图书馆是否包含更多的代码？ 对我来说似乎是这样。
我还尝试在testing项目中另外安装prop-types和detect-browser ，以查看bundle的大小是否保持不变。 减less我的库的大小仍然是相同的，捆绑大小增加（我期望冗余库将被删除或什么的）。
你是如何产生依赖关系图的？
顺便说一句，你的软件包看起来很好，除了你在你的分发代码中包含你所依赖的软件包（ prop-types和detect-browser ）。
为了避免你应该在你的webpackconfiguration文件中标记为external那些库。 喜欢：
externals: { react: 'react', prop-types: 'prop-types', detect-browser: 'detect-browser', }
只是最后（个人）的说明：给Rollup试图捆绑你的图书馆。 🙂