角元件和模板的技术概念

Question

Angular Elements 和 Stencil 的技术概念是否相似？

Angular Elements 将是Angular 6中的一个新功能，您可以将您编写的Angular组件基本上包装为Web组件。根据我的理解，生成的自定义元素只是Angular的桥梁，所以我们仍然需要发布Angular。

另一方面，

模板声称是一个生成Web组件的编译器。那么生成的自定义元素不只是通向某个东西的桥梁吗？

我做对了吗？

Answer 1

你不应该像放置它一样运送Angular。 Angular Elements将允许我们使用Angular组件而不是整个Angular Ecosystem。因此，如果你有一个React应用程序或一个VueJS应用程序，你可以使用你的Angular元素（感谢Custom Element）并将其放入这些应用程序中。

Rob Wormald今年在ng-conf的所有演出中对他们做了cool talk。我要检查一下最新信息。

Answer 2

是的，你是对的，stencil只是一个生成标准Web组件的编译器，因此你可以在任何地方使用你的web组件（用模板构建）。

您可以生成一个Web组件，然后在Angular或React或Vue App中使用它，只需加载它并删除标记即可。

Answer 3

是和否。

技术概念非常相似。两者都使用自定义元素规范 Angular 也是可重用和独立的只是链接模板。并且可以随处使用。 根据我的说法，Stencil 比较好。它具有内置的延迟加载功能。构建包大小小于 angular。在所有浏览器中激活 shadow dom 时效果更好。 Angular 仍然需要多边形填充才能在某些浏览器中运行。并且加载缓慢。