2017-08-25 15 views
0

私はAngular Material2ミックスインを使用して、my-theme.scssというファイルに異なるテーマを作成しています。プロダクションのためにプロジェクトをコンパイルするとき、ng buildstyles.xxxxxxxxxxx.bundle.cssというスタイルファイルを生成します。Angular2ランタイムでCSSをオーバーライド

プロダクションサーバーにデプロイした後に特定のクライアント用に別のテーマを作成したい場合、アプリケーションを再コンパイルして再デプロイせずにテーマをオーバーライドする方法はありますか?たとえば、テーマなどのCSSを外部化しますか?

特定のコンポーネントのカスタマイズされたスタイルをオーバーライドするのではなく、アンギュラマテリアルミックスインを使用して作成されたテーマのみを上書きしたいことに注意してください。

+0

plzはそのが役立つかもしれない、このリンクをチェック: https://stackoverflow.com/questions/40178041/overriding-the-encapsulated-css-of-external-component –

+0

@SunilBorichaそれはOPが芋探しているものではありません。 – Faisal

答えて

0

'ハッシュ'が削除されたビルドを実行すると、あるクライアントのstyle.cssを他のstyle.cssによって '代用'できますか? 見てくださいhere。オプションを指定してng buildを実行すると、ハッシュを削除できます。 私はあなたが厳しいあなたを得ることを望む。

0

オプションは、<link rel="stylesheet" type="text/css" href="/theme.css">をindex.htmlに追加することです。これはstyles.xxxxx.bundle.cssより優先されます。ただし、すべての環境で最終ビルドにファイルを提供する必要があります。競合を避けるために、現在のprodビルドのために空白のままにすることができます。

関連する問題