2017-06-19 2 views
1

私は自分のアプリケーションにCSSフレームワークを使用していますが、特定のスタイルを上書きしたいです。通常、私は次のようなことをします:webpackを使用しているときにCSSフレームワークからスタイルを上書きするにはどうすればよいですか?

<link rel='stylesheet' href='link to framework'> 
<link rel='stylesheet' href='my own stylesheet'> 

私のスタイルシートは、フレームワーク前に書かれたスタイルシートを上書きします。しかし、反応はsrc/app.cssへのリンクを持っていないので、私は何をすべきか分からず、ドキュメントでこれを見つけることができませんでした。

*注:私はサイトメンテナンスを扱う際にこれが問題になることが判明したため、!importantを使用しません。

+0

のようなあなたのアプリケーションコンポーネントで、あなたのスタイルをインポートすることができ、あなたのフレームワークスタイルを上書きするためににあなたのWebPACKを設定cssファイルを読み込み、 'import 'のようなコンポーネントにインポートします。/ path/to/app.css' –

+0

これは完璧に動作しました@ShubhamKhatri –

+0

これは、' style'を使うとReactがうまく動作する理由です。他にも理由がある[スライドショー](https://speakerdeck.com/vjeux/react-css-in-js)があります。 –

答えて

1

あなたがcss-loader

よう
{ 
     test: /\.(scss|css)$/, 
     use: ['style-loader', 'css-loader'] 

    } 

でそれを使用している場合は、あなたのWebPACKを設定し、

import './path/to/app.css' 
+0

Webpackはこの質問にはどこにも言及されておらず、少なくともブラウザがあります。 –

+0

@ polkovnikov.ph親切に私のコメントを見てください。私はOPがそれが働いたことを確認した後にのみ答えを掲載しました。それで彼はwebpackを使っていたことが明らかになりました –

+0

トピックはGoogle検索で 'webpack'とは関係なく表示されます。質問を編集します。 –