如何将角度项目制作为库并在JS项目中使用？

Question

我们可以制作一个角度库并在JS项目中使用它吗，如下图所示。

在此项目结构中，trading-vue.min.js是一个角度库。有可能还是我必须以其他方式做到这一点？

Answer 1

是的，可以通过使用Angular Elements并将其上载到例如Verdaccio之类的私有npm注册表/代理来实现框架不可知组件。 （甚至NPM）

Angular关于使用Angular Elements创建所谓的Custom元素的文档非常丰富。自定义元素是一种受大量浏览器支持的标准，该标准试图以与框架无关的方式创建HTML组件。在这里，您可以找到有关角度方法Angular Elements的官方文档。

{@ {1}}的曼弗雷德·斯特耶（Manfred Steyer）在YouTube上有很多不错的视频，他在其中有些深入研究-> A Deep Look At Angular Elements | Manfred Steyer和Web Components with Angular Elements: Beyond the Basics | Manfred Steyer

另外，您可能会觉得这篇文章有用-> Angular Elements: A Guide to Shipping Framework-Agnostic Libraries或Peacefully United thanks to Micro Apps and Web Components

ng-conf的意见/经验是，实现此框架不可知的互通以及不同“ Web组件”的整体布线感觉有些棘手，您的项目结构可能总体上变得更复杂，但可能是的，那时间会改变这一点。