私はプロジェクトにhttps://github.com/mxstbr/react-boilerplateを使用しています。これはスタイルに CSS モジュールと postCSS を使用しています。これは素晴らしいことです。ただし、タイポグラフィ、基本コンポーネントなどのグローバル CSS ファイルもいくつか必要です。これらを追加する方法のベスト プラクティスは何ですか? preCSSの使用を検討しましたが、これらのグローバル ファイルをメイン スタイルシートにインポートできるように、webpack 内で設定する方法が完全にはわかりません。私はwebpackが初めてなので（Sassを使用してGulp / Gruntのバックグラウンドから来ました）、ここで何か助けていただければ幸いです。
これらのファイルで定義されている変数とミックスインを CSS モジュール ファイルで使用できれば素晴らしいと思いますが、これが可能かどうか、または推奨されるかどうかは不明です。CSS モジュール ファイルの参照とグローバル CSS クラスの参照に使用できるように、react-css-modulesをインストールしました。styleNameclassName
属性があることは知っていますが、エラー クラスcomposes: class from '/path/to/file.css';など、さまざまなユーティリティ クラスが定義されているいくつかのグローバル ファイルが必要ですclearfix。したがって、 を使用するreact-css-modulesと、次のようになります。
<div className="clearfix" styleName="app-header">{...}</div>
繰り返しますが、これが正しいかどうかはわかりません。
私はオープンソース プロジェクトに取り組んでいるので、ベスト プラクティスに固執し、可能な限り最善の方法でそれを実行したいと考えています。アドバイスをありがとう！