настроить webpack2 из экстракта SCSS плагин

Question

я пытаюсь настроить webpack2 для компиляции SCSS в CSS и извлечь его один файл с

"Экстракт-текст-WebPack-плагин": «^ 2.0.0-RC. 3"

плагин в последнее доклада доступен ...

вот мой webpacke содержание файла конфигурации ...

var path = require('path'); 

/** 
* Webpack Plugins 
*/ 
const ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports = function (env) { 
    return { 
     entry: './index.js', 
    output: { 
     path: './dist', 
      filename: 'app.js' 
    }, 

    module: { 

     rules: [ 

     /* 
     * Extract CSS files from .src/styles directory to external CSS file 
     */ 
     { 
      test: /\.css$/, 
      loader: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: 'css-loader' 
      }) 
     }, 

     /* 
     * Extract and compile SCSS files from .src/styles directory to external CSS file 
     */ 
     { 
      test: /\.scss$/, 
      loader: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: 'css-loader!sass-loader' 
      }), 
        include: ['./app.scss'] 
     }, 

     ] 

    }, 

    /** 
    * Add additional plugins to the compiler. 
    * 
    * See: http://webpack.github.io/docs/configuration.html#plugins 
    */ 
    plugins: [ 

     /** 
     * Plugin: ExtractTextPlugin 
     * Description: Extracts imported CSS files into external stylesheet 
     * 
     * See: https://github.com/webpack/extract-text-webpack-plugin 
     */ 
     new ExtractTextPlugin('./dist/app.css') 
     ] 

    }; 
} 

Может кто-нибудь, пожалуйста, помогите, что, что случилось с этой конфигурацией ....

Ни в компиляции, ни извлечь в файл ....

Answer 1

Вам не нужно отделить (СКС/CSS) сборки в отдельные запросы. См. Здесь документацию: https://webpack.js.org/plugins/extract-text-webpack-plugin/. Вы должны иметь возможность сделать что-то вроде этого:

{ 
    test: /\.scss$/, 
    use: new ExtractTextPlugin.extract([ 'css-loader', 'sass-loader' ]) 
}