2017-10-14 4 views
0

私はGoogleニュースで、GoogleがCSSクラス名をハッシュしているのを見ました。Webpack 2を使用してAngular 2(4)でCSSクラス名をハッシュする方法は?

Google News Hashed Class Names

だから私は、Googleがこれをしなかった方法を検索し、WebPACKを介して、クラス名をハッシュする方法のチュートリアルを見つけましたが、中に反応します。ここで

でそれを行う方法のチュートリアルが反応さ:https://javascriptplayground.com/blog/2016/07/css-modules-webpack-react/

、これはあまりにもWebPACKの、との角度で可能であるならば、私は疑問に思います。

+0

チュートリアルをご参照ください。これを行うことで何を達成することを望みますか? –

+0

@torazaburo私はチュートリアルを追加しました。私はこれをクライアントのより多くのセキュリティのために使用することを望んでいません。 – Prolativ

+0

@Prolativ CSSクラスのハッシュ処理はどのように**セキュリティに「** ANY **」の影響を与えますか? – Abdel

答えて

2

クラスをハッシュする唯一の理由は、類似したクラスが互いに上書きされないようにすることです。私が知っている限り、反応にはスタイルカプセル化の形式がありません(私は完全に間違っているかもしれません)。

これは、viewEncapsulationをオフにしないでコンポーネントを構築しようとする場合に、Angularで心配する必要がないものです。 Angularは、類似のクラス名が衝突しないようにする(または "リーク")ことを保証します。

ここにはexampleがstackblitzにあります。

同じ名前と異なる値を持つ2つのクラスをどのように定義しているかに注意してください。角の接頭辞は、すべてのコンポーネントに固有のものです。ここで

は、あなたが角度のビューのカプセル化についての詳細を読みたい場合は、私はthoughtramでthis記事をチェックアウトすることをお勧めいたしますでしょう私はデモ

angular viewencapsulation

に何を意味するかのデモです。

関連する問題