在Angular 2应用和静态html页面之间共享的Material Design CSS / JS

Question

我们的Angular 2应用程序使用了Material Design框架。 该应用程序最终将作为一个嵌入式软件上的本地服务（无服务器）网络应用程序。 为了提高性能，我们发现必须在某些情况下使用非角度静态html，这是因为应用程序中有两个地方需要加载时间。

我希望我们的UI / UX程序员能够在静态html页面中使用尽可能多的带有md前缀的组件和CSS / JS动画。 换句话说，我希望他们能够像在Angular 2模板中一样对UI进行编码，或者尽可能接近。

我还希望在Angular 2模板和静态html页面之间共享对C​​SS或JS所做的更改或任何自定义，因为它们应该具有相同的外观，并且看起来应该属于同一应用程序。

我知道有多种方法可以在不使用Angular 2的情况下实现材料设计（引导程序，聚合物等）。有人知道一种干净的方法可以使Angular 2和Web应用程序的非Angular部分无缝编码吗？

Answer 1

据我所知，针对各种可用框架，有几种材料设计的实现（ https://material.io/guidelines/ ）。 以下内容可以在静态html页面上使用，而无需诸如Angular 2之类的全面框架：

• https://elements.polymer-project.org/elements/paper-material
• http://mdbootstrap.com/
• http://materializecss.com/

...仅举几个。 我们决定采用的是Polymer实施。 这是因为聚合物语法与有角语法非常相似。 （均由google撰写）聚合物前缀为'paper-'而不是'md-'，但其他方面非常相似，我们可以将这两个前缀添加到.scss文件中的所有替代项中，这些替代项可以在角度模板和静态html文件时我们需要覆盖默认样式。

尽管将材料设计实现分开进行管理并不理想，但鉴于我们的应用程序中某些页面需要静态html文件，因此这是可以接受的折衷方案。

如果有人有其他想法，仍对解决此问题的其他解决方案感兴趣。