A、以下、SCSS設定
私は比較的新しいバージョンを使用しています作成反応するアプリ以来、私たちは、SCSSを支えてきたが、我々はまた、依存関係をインストールする必要があります。
cnpm インストールノード-SASS SASS-ローダー--save
ビューwebpack.config.jsファイルを見つけることができます:
// スタイルファイルの正規表現 のconst cssRegex = /\.css$/ 。 constのcssModuleRegex = /\.module\.css$/ 。 constのsassRegex = /\.(scss|sass)$/ 。 constのsassModuleRegex = /\.module\.(scss|sass)$/。
プロジェクトのサポートは、SCSS、SASSファイルを設定されているが、私たちは次のようにcssRegexを変更する必要があるので、より少ないファイルをサポートしていません。
cssRegex =一定/ \(CSS |。以下)$ /; // サポート少ないです
また、我々はまた、あまりローダーを設定する必要があります。
最後に、私たちは、依存関係をインストールする必要があります。
cnpm インストール あまり 少ない -loader --save
だから我々は、プロジェクトに.scss、.lessファイルを使用することができます。
第二に、需要の負荷設定antd
私たちは、設定することができ バベル-プラグインのインポートを 達成するためにantdコンポーネントとのスタイルのオンデマンドロードを次のようにwebpack.config.jsファイルを変更し、:
インストールバベル-プラグインのインポート 依存性:
cnpm インストールバベル-プラグインのインポートを--save