开发具有外部依赖性的 Web 组件?
Developing web components with external dependencies?
我想创建一个 web 组件,它是一个自动完成的组合框,但是由于本地没有这样的东西,制作一个也依赖于第三方库的 web 组件是否被认为是不好的做法?
一年前我只对 Polymer 有一些小的了解,现在规范的 v1 已经发布,我又开始关注它们了。在我看来,大多数人开发的 Web 组件都是 100% 纯 javascript 且没有外部依赖项,但考虑到可用的 UI 控件的状态,这将构成一些非常简单的组件。
有两种方法可以处理这个问题。好的。也许更多,但我会展示两个。
1) 依赖 ES6 导入,然后您的组件只需使用 `import something from './somefile.js"。是的,您必须同时提供组件和库或引用支持的库ES6 导入。但这可以防止代码加倍。
2) 将您的组件及其依赖项打包。有些人使用 Webpack 之类的东西,但我觉得这太过分了,所以我创建了 component-build-tools 以允许您使用 import
编写组件,然后将组件部分组合到一个文件中。这允许组件在任何浏览器中加载,即使它们不支持 import
。这里的限制是您需要以正确的顺序加载组合的组件文件。对于大多数项目来说,这并不困难,但这是您需要管理的事情。
我想创建一个 web 组件,它是一个自动完成的组合框,但是由于本地没有这样的东西,制作一个也依赖于第三方库的 web 组件是否被认为是不好的做法?
一年前我只对 Polymer 有一些小的了解,现在规范的 v1 已经发布,我又开始关注它们了。在我看来,大多数人开发的 Web 组件都是 100% 纯 javascript 且没有外部依赖项,但考虑到可用的 UI 控件的状态,这将构成一些非常简单的组件。
有两种方法可以处理这个问题。好的。也许更多,但我会展示两个。
1) 依赖 ES6 导入,然后您的组件只需使用 `import something from './somefile.js"。是的,您必须同时提供组件和库或引用支持的库ES6 导入。但这可以防止代码加倍。
2) 将您的组件及其依赖项打包。有些人使用 Webpack 之类的东西,但我觉得这太过分了,所以我创建了 component-build-tools 以允许您使用 import
编写组件,然后将组件部分组合到一个文件中。这允许组件在任何浏览器中加载,即使它们不支持 import
。这里的限制是您需要以正确的顺序加载组合的组件文件。对于大多数项目来说,这并不困难,但这是您需要管理的事情。