Webpack-Fehler: Möglicherweise benötigen Sie einen geeigneten Loader, um diesen Dateityp zu verarbeiten. | @charset "UTF-8";

Question

Ich versuche, eine .scss Datei mit Webpack 2.2.0 zu verarbeiten, aber anstatt es in einen style Tag in meine index.html Datei injiziert bekommen, wollte ich es in eine .css Datei mit ExtractTextPlugin extrahieren.

Das Folgende ist meine webpack.config.js Datei:

// webpack.config.js 

let path = require('path'); 
let ExtractTextPlugin = require('extract-text-webpack-plugin'); 
let extractCSS = new ExtractTextPlugin('[name].css'); 

module.exports = { 
    context: path.resolve(__dirname, './src'), 
    entry: './index.js', 
    output: { 
     path: path.resolve(__dirname, 'dist'), 
     filename: 'bundle.js', 
     publicPath: 'dist/' 
    }, 
    module: { 
     rules: [ 
      { 
       test: /\.js$/, 
       use: 'babel-loader', 
      }, 
      { 
       test: /\.(sass|scss)$/, 
       use: [ 

        /////////////////////////////////////// 
        // THIS WONT WORK AND CAUSES THE ERROR 
        /////////////////////////////////////// 

        extractCSS.extract({ 
         fallbackLoader: 'style-loader', 
         loader: ['css-loader', 'sass-loader'] 
        }), 

        ///////////// 
        // THIS WORKS 
        ///////////// 

        // 'style-loader', 'css-loader', 'sass-loader' 
       ] 
      }, 
      { 
       test: /\.(eot|svg|ttf|woff|woff2)$/, 
       loader: 'file-loader?name=[path][name].[ext]' 
      } 
     ] 
    }, 
    plugins: [ 
     extractCSS 
    ] 
} 

Jede Hilfe sehr geschätzt wird. Vielen Dank.

Answer 1

Dies ist ein Fehler im Moment in ETP. Ich glaube mein Switching benutze "loader" das das dein Problem lösen wird.

https://github.com/webpack/extract-text-webpack-plugin/issues/342#issuecomment-273914852