（WebPACKのを使用して）サス内部/ srcにブレークを移動

Question

は、だから私のSASSフォルダがそうのように私の/ srcフォルダの外にされています

/sass 
/src 
webpack.config.js 

それはので、私はsrc/main.jsからのように私のコードにインポートされ

import '../sass/global.scss'; 

問題は私の/ srcフォルダに自分の鳴き声を移動したいのですが。だから私は、私はimport './sass/global.scss';に私のインポートを変更し、再度WebPACKのビルドを実行するのですが、今回は私が取得します：

ERROR in ./~/css-loader?{"importLoaders":2}!./~/postcss-loader/lib?{}!./~/sass-loader/lib/loader.js!./src/sass/modules/_response-control.scss 
    Module build failed: 
     border-top: 1px solid darken($gray-lighter, 20%); 
           ^
      Undefined variable: "$gray-lighter". 
      in /Users/allen/work/src/sass/modules/_response-control.scss (line 9, column 32) 

をこれはWebPACKのコンフィグでの私のSASSルールです：

test: [/\.scss$/, /\.sass$/], 
    use: ExtractTextPlugin.extract({ 
    fallback: 'style-loader', 
    use: [ 
     { 
     loader: 'css-loader', 
     options: { 
      importLoaders: 2, 
     }, 
     }, 
     { 
     loader: 'postcss-loader', 
     options: {} 
     }, 
     { 
     loader: 'sass-loader' 
     }, 
    ], 
    }), 

になるだろうどのようなそれはsrcフォルダの外側で動作しますが、srcフォルダ内では動作しません。

Answer 1

include/excludeプロパティを使用していないので、weparckの設定は問題ありません。したがって、sass-loaderを使用して/ srcフォルダを処理します。

あなたが直面していると思う問題は、あなたのscssファイル内のパスについてです。

Answer 2

$gray-lighterは、別のsassファイルからインポートされた変数である可能性があります。_response-control.scssファイルを移動したときにインポートが正しく行われましたか？