、VUE-CLIでグローバルとSCSSの導入をSCSSをインストールする方法

SCSS正しい使用姿勢VUE-cliの足場を使用します

ステップ:ノード-SASS、SASS-ローダー、スタイル・ローダーをインストール

NPMインストールノード-SASS --save- devの
NPMインストールSASS -loader --save- DEV 
NPMスタイルをインストール --save-devの-loader

ステップ2:サス・リソース・ローダーをインストールします。

NPMインストールSASS-リソースローダ--save-devの

ステップ3:ビルドutils.jsを変更します

SCSS:generateLoaders( 'SASS' 

    修改成:

    SCSS:generateLoaders( 'SASS' ).concat(
      { 
        ローダー: 'サス・リソース・ローダー' 
        オプション:{ 
          リソース:path.resolve(__ dirnameは、」../src/資産/ global.scss' 
        } 
      } 

見て、私は資産のglobal.scssでファイルを作成しました。

最後に、スタイル・ラベル・コンポーネントはOK、LANG = "SCSS" が追加されます。

================================================== =====

あなたが導入し、使用に問題がある場合は私に連絡先をプライベートメッセージを送信することができます

おすすめ

転載: www.cnblogs.com/guoliping/p/11112700.html