なぜscssビルドに失敗しますか？

Question

私のvue-cli webpackプロジェクトでは、mixin.scssとbase.scssを私のグローバルindex.scssに含めようとしています。しかし、それは失敗します。

私は本当に混乱しています。構文が間違っていますか？

Answer 1

ロードするようにwebpackを設定する必要があります。scssそして、そのために、あなたは以下のnode-sassとsass-loader .USEはwebpack.configファイル

に scssをロードするための新しいルールを追加します

NPM I -Sノード-SASS SASS-ローダー

をインストールするには、コマンドをインストールする必要があります

module:{ 
    rules:[ 
     ...some tests 
     {test:/\.scss$/,use:['style-loader','css-loader','sass-loader']} 
    ] 
} 

注：ローダーはSASS-ローダーが実行されますので、まず逆に実行します。したがって、注文が重要です