在Webpack中使用Extract Text Plugin

时间:2017-06-03 23:16:00

标签: webpack webpack-2 extract-text-plugin

我试图学习如何使用Extract Text Plugin,我找到了这个例子:

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"用作加载程序?我试着查看文档,但仍然无法理解这一点。

提前感谢大家的帮助。

1 个答案:

答案 0 :(得分:0)

extractTextPlugin可以使用sass,更少的postcss等,因此它要求插件只查找css。这就是为什么你在那里使用CSS。

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

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