gulp-sassからwebpack 2 sass-loaderへの変換

Question

gulp/jspmからwebpackに移行しています。 SASSによってすべてのことがうまくいっています。私たちの仕事は次のようになります：

var gulp = require('gulp'); 
var sourcemaps = require('gulp-sourcemaps'); 
var sass = require('gulp-sass'); 
var autoprefixer = require('autoprefixer'); 
var paths = require('../paths'); 
var flatten = require('gulp-flatten'); 
var postcss = require('gulp-postcss'); 

gulp.task('build-sass',() => { 
    return gulp.src(paths.sassSource) 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(postcss([autoprefixer()])) 
    .pipe(flatten()) 
    .pipe(sourcemaps.write('/maps')) 
    .pipe(gulp.dest(paths.output + 'css')); 
}); 

これは完全に動作します。これは、SASSのための私の現在のWebPACKの設定です：

{ 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract({ 
     fallbackLoader: 'style-loader', 
     loader: 'css-loader?sourceMap!postcss-loader!sass-loader?sourceMap', 
     }), 
    }, 

やプラグインに私が持っている：

ERROR in ./~/css-loader?sourceMap!./~/postcss-loader!./~/sass-loader?sourceMap!./src/sass/base/_QB4-variables.scss 
    Module build failed: 
    $never-signed-in: $gray-light; 
        ^
      Undefined variable: "$gray-light". 
      in /Users/allen/work/TwentyTwenty.QualBoard.Web/src/sass/base/_QB4-variables.scss (line 31, column 19) 

：私はWebPACKの実行時に、私はこれらのSASSエラー取得

new ExtractTextPlugin({ 
      filename: 'global.css', 
      allChunks: true, 
     }), 

問題があります私は、あまりにも多くの種類のエラーが発生していますが、これはあまりにも多くのエラーを投げたことはありません。私はいくつかの構成が不足しているように感じる。

Answer 1

私のmain.jsファイルに、私は嫌なものがありませんでした。それで、それはただのことではなく、特に秩序のないものすべてを編集していただけです。