0

UI で react-toolbox を使用しており、ビルド ツールは webpack です。スタイルファイルを生成するようにwebpackを構成しましたreact-toolbox.css--distディレクトリに。このファイルには、アプリの react-toolbox コンポーネントで使用される CSS クラスの定義が含まれています。私のindex.htmlこのCSSファイルは外部リンクとして追加されています。私のアプリ スタイル (アプリ内の非 react-toolbox コンポーネント用に記述したスタイル) はrequire、app.jsファイル内にあり、less-loader を使用して読み込まれます。現在、私のアプリは正常に動作します。

  • app.jsアプリ スクリプトとアプリ スタイルを提供するためにダウンロードされる
  • react-toolbox.cssreact-toolbox コンポーネントにスタイルを提供するためにダウンロードされます

react-toolbox.css の内容を自分のスタイルとマージし、結果の css を内部app.jsで必要とする方法があるかどうかを知りたいと思っていました。react-toolbox.css

4

1 に答える 1

0

ドキュメントによると、次のことができます

バンドルされたコンポーネント

インデックス ファイルからインポートするので、インポートされたコンポーネントには、すべての依存関係とテーマが既に必要であり、挿入されています。これは、各依存関係の CSS が最終的な CSS に自動的にバンドルされ、コンポーネントのマークアップにスタイルが設定されるクラス名が含まれることを意味します。例えば：

import { AppBar } from 'react-toolbox/lib/app_bar';

それ以外の

import { AppBar } from 'react-toolbox/lib/app_bar/AppBar.js';
于 2016-06-27T08:58:53.647 に答える