Mit Extract Text Plugin mit Webpack

Question

Ich versuche zu lernen, wie Extract Text Plugin zu verwenden, und ich fand dieses Beispiel:

var ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports = { 
    entry: './src', 
    output: { 
    path: 'build', 
    filename: 'bundle.js', 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.js/, 
     loader: 'babel', 
     include: __dirname + '/src', 
     }, 
     { 
     test: /\.css/, 
     loader: ExtractTextPlugin.extract("css") 
     } 
    ], 
    }, 
    plugins: [ 
    new ExtractTextPlugin("styles.css") 
    ] 
}; 

Warum ist die "css" als Lader eingesetzt? Ich habe versucht, mir die Dokumente anzusehen, kann das aber immer noch nicht verstehen.

Vielen Dank im Voraus für Ihre Hilfe.

Answer 1

Das extractTextPlugin kann mit sass, weniger postcss usw. arbeiten, so dass das fragende Plugin nur nach css sucht. Deshalb verwenden Sie dort CSS.

extractCSS.extract([ 'css-loader', 'postcss-loader' ]) 

extractLESS.extract([ 'css-loader', 'less-loader' ])