开发具有外部依赖关系的Web组件?

时间:2019-04-09 08:31:45

标签: web-component

我想创建一个Web组件,它是一个自动完成的组合框,但是由于本来就没有这样的组件,因此制作一个也依赖第三方库的Web组件是否被认为是不好的做法?

一年前,我只与Polymer进行过少量接触,现在规范的v1已经发布,我将再次关注它们。在我看来,大多数人开发的Web组件都是100%纯Javascript,没有外部依赖关系,但是鉴于UI控件的可用状态,这将使某些非常简单的Jane组件成为可能。

1 个答案:

答案 0 :(得分:0)

有两种方法可以解决此问题。好。也许更多,但我会显示两个。

1)依靠ES6导入,然后您的组件仅使用“从'./somefile.js导入某些东西”。是的,您将必须同时提供组件和库,或者引用支持ES6导入的库。这样可以防止代码加倍。

2)将组件及其依赖关系打包。有些人使用Webpack之类的东西,但是我觉得这太过分了,因此我创建了component-build-tools来允许您使用import编写组件,然后将组件部分组合到一个文件中。这样,即使不支持import的组件也可以在任何浏览器中加载。这里的限制是您需要以正确的顺序加载组合的组件文件。对于大多数项目而言,这并不困难,但这是您需要管理的事情。