在 Web 组件中包含外部库是不好的做法吗？答案

【问题标题】：Is it bad practice to include external libraries inside web component?在 Web 组件中包含外部库是不好的做法吗？
【发布时间】：2019-04-06 02:36:21
【问题描述】：

我刚开始玩网络组件。我已经习惯了使用 jQuery，并且不确定是否可以在定义我的 Web 组件自定义元素时使用它的一些功能。这被认为是一种不好的做法吗？里面只允许使用香草Javascript吗？利弊是什么，出于什么原因？谢谢。

【问题讨论】：

你真的在问拥有依赖关系是否是个坏主意吗？现代软件没有它们就无法存在。
如果你想在其他地方使用你的组件，那么避免依赖。除非我将它们包含在每个组件中，否则我的任何一个都没有。如果您有一个用于所有可以工作的 Web 组件的基类，那么您需要确保每个人都首先加载它。如果您使用的是import，则可以减少问题，但其他开发人员需要知道他们必须包含哪些库才能使用您的组件。轻装上阵。
你打算如何发布你的组件？说使用 webpack，您将获得所有依赖项 bundled by default 或者您可以更改配置以避免捆绑依赖项并将它们作为 peerDependencies 包含在您的组件的 package.json 中

【解决方案1】：

这不一定是坏习惯。实际上，这取决于您打算如何处理 Web 组件。

如果是为了学习目的，或者是为了设计快速原型，这可能是个好主意。

如果是分发它们，也许这是一个坏习惯，原因是在this post about stacking up different framworks 中开发的：例如，您可能会面临不同版本的 jQuery 之间的一些不兼容问题：您在自定义元素中使用的版本，以及开发人员在包含您的自定义元素的页面。

【讨论】：