0

このチュートリアルに従うことで、

https://github.com/christianalfoni/react-webpack-cookbook/wiki/Loading-CSS#component-specific

このロジックを実装しようとしましたが、これが実装方法です。

設定

webpack-config

これは、Web上でレンダリングされる方法です。 HTML レンダリング

問題が見られるように、クラス名が「.app-components-navbar-navbar-navbar-wrapper」としてレンダリングされるため、css は navbar クラスに適用されません。ただし、クラス名は「navbar-wrapper」にする必要があります

  1. これを解決するには？
  2. これはどのように機能するはずですか？
  3. コンポーネント固有の CSS を実現するにはどうすればよいですか?
4

1 に答える 1

1

cssのローダー内で、localIdentNameの値をから[path][name]-[local]に変更してみてください[local]。ident 名は基本的に、次の形式でcssクラス名を作成することを意味します。" .app-components-navbar-navbar-navbar-wrapper"はapp/component/navbarそれが定義されている場所であり、navbar はファイルの名前であることを意味します。Local は、cssのクラスの名前を示します。

それが役に立てば幸い

于 2016-01-18T18:17:14.510 に答える