我们有一个使用 angular-cli 构建的 Angular 4 应用程序。index.html我们希望将其作为插件/小部件分发，而不是使用自动生成的，客户可以将其导入到他们的页面上。类似disqus评论工作，...
使用 AngularJS 内置的先前版本，客户只需包含一个 CSS 和 JS 文件以及应用程序标签。
此问题类似于在静态和非 SPA Web 应用程序中使用 Angular 2 组件但是实际上并没有描述有效的解决方案。
这是我到目前为止所拥有的：
deployUrl于.angular-cli.jsonindex.html问题是我得到了https://github.com/angular/angular-cli/issues/2211 中Uncaught ReferenceError: webpackJsonp is not defined描述的。
我当然可以通过 iframe 包含它，但这会使集成和自定义样式变得更加困难。
那么采用 Angular 应用程序并以某种方式使其可在其他 HTML 页面上重用的最佳选择是什么？
那么采用 Angular 应用程序并以某种方式使其可在其他 HTML 页面上重用的最佳选择是什么？
我猜你想问如何开发一个 angular 组件（小部件），然后在另一个 angular 应用程序上重用它。Angular 应用程序是一个自行运行的应用程序，它不能嵌入到 HTML 页面中。
我建议您使用 @angular/cli 生成 angular 应用程序，您将仅使用它来开发您的小部件。在其中，您创建了一个将成为您的小部件的组件。您在内部创建一个模块，您可以在其中绑定与您的组件（其他组件、指令、服务等）相关的所有内容。在您生成的应用程序中，您在 app.module 上引用该模块并在 app.component.html 上将其实例化以进行开发。但这是您在组件之外所做的唯一事情。完成后，您只需将您的组件（在他的文件夹中的内容）复制到您的新应用程序并将组件模块导入到新的 app.module 中。这样您就可以根据需要获得可重用的组件/小部件。
PS：不要忘记将组件上使用的任何依赖项也引用到新应用程序中（最好的方法是尽可能地限制外部依赖项，这样您就可以拥有一个开箱即用的可重用组件）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句