Material 设计 CSS/JS 在 Angular 2 个应用和静态 html 页面之间共享

Material Design CSS/JS shared between Angular 2 app and static html page

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

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

我还希望他们对 CSS 或 JS 所做的更改或任何自定义在 Angular 2 模板和静态 html 页面之间共享,因为它们应该具有相同的外观和感觉,并且应该看起来像是同一个应用程序的一部分。

我知道有多种方法可以在没有 Angular 的情况下实现 material 设计 2.(bootstrap、聚合物等)有谁知道一种简洁的方法可以使编码网络应用程序的 Angular 2 和非 Angular 部分之间无缝衔接?

据我所知,有多种 material 设计 (https://material.io/guidelines/) 的实现可用于各种可用的框架。以下内容可用于静态 html 页面,无需 all-encompassing 框架,例如 Angular 2:

...仅举几例。我们决定采用的是 Polymer 实现。这是因为聚合物语法与 angular 非常相似。 (均由 google 撰写)Polymer 前缀为 'paper-' 而不是 'md-' 但在其他方面非常相似,我们可以将这两个前缀添加到 .scss 文件中的任何覆盖中,这些文件可以共享当我们需要覆盖默认样式时,angular 模板和静态 html 文件之间。

尽管设法分离 material 设计实现并不理想,但考虑到我们的应用程序中的某些页面需要静态 html 文件,这是一个可以接受的权衡。

如果有人有任何其他想法,仍然对这个问题的其他解决方案感兴趣。