webpack - 在 Webpack 中使用提取文本插件

Question

我正在尝试学习如何使用提取文本插件，我发现了这个例子：

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")
  ]
};

为什么"css"用作装载机？我试图查看文档，但仍然无法理解这一点。

预先感谢大家的帮助。

Answer 1

extractTextPlugin 可以与 sass、less postcss 等一起使用，因此它的请求插件只查找css. 这就是你在那里使用css的原因。

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

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