Material Design CSS/JSはAngular 2 appとstatic htmlページの間で共有されます

Question

Angular 2アプリはMaterial Designフレームワークを使用します。このアプリケーションは、組み込みソフトウェア上で、ローカルに提供される（サーバーレスの）Webアプリケーションとして終了します。パフォーマンスのために、アプリケーションのカップルの場所の読み込み時間のために、特定の状況で非角度の静的HTMLを使用することが不可欠であることがわかりました。

私は、UI/UXプログラマが、静的なhtmlページ内にmd-接頭辞付きコンポーネントとCSS/JSアニメーションを多く使用できるようにしたいと考えています。言い換えれば、Angular 2テンプレート内でコードを作成するのと同じように静的なページにUIをコード化できるようにするか、可能な限り同じに近いコードを作成するようにします。

また、Angular 2テンプレートと静的HTMLページの間で共有されるCSSやJSの変更やカスタマイズは、同じルックアンドフィールでなければならず、一部のように見えるはずです同じアプリの

私は角度2（マテリアルブーツストラップ、ポリマーなど）を使わずにマテリアルデザインを実装するさまざまな方法があることを知っています。誰も、ウェブの角2と非角部分アプリ？

Answer 1

ここからわかるように、さまざまなフレームワークの材料設計（https://material.io/guidelines/）の実装がいくつかあります。名前だけに...

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

：例えば角2としての全包括的なフレームワークを必要とすることなく、静的なHTMLページで使用することができ、次いくつか。私たちが決めたのは、Polymerの実装でした。これは、ポリマーシンタックスが角度のものに非常に類似しているためです。 （両方ともGoogleによって書かれた）ポリマーの接頭辞は 'md-'の代わりに 'paper-'であるが、そうでなければ非常によく似ているので、両者のプレフィックスを.scssファイルのオーバーライドに追加することができる。デフォルトのスタイルをオーバーライドする必要がある場合は、静的なhtmlファイル

重要な設計実装を分離することは理想的ではありませんが、アプリの特定のページに静的なHTMLファイルが必要な場合は、受け入れられるトレードオフです。

誰か他のアイデアがあれば、この問題の他の解決策に興味があります。