ブログ管理システム - ホーム開発

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

 

おすすめ

転載: www.cnblogs.com/zyly/p/12650206.html