为什么webpack无法导入提取的css文件？

Question

我想通过extract-text-webpack-plugin生成一个独立的CSS文件，但它不起作用，并且控制台没有报告任何错误。但是，当我使用loaders: ["style-loader", "css-loader"]时，它可以工作。

这是我的webpack.config.js文件：

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

module.exports = {
    entry: "./src/js/entry.js",
    output: {
        filename: 'bundle.js'
 },
 module: {
        loaders: [
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
                // loaders: ["style-loader", "css-loader"]
            }
        ]
    },
    plugins: [
        new ExtractTextPlugin('[name].css')
    ]
};

这是我的entry.js文件：

require('../css/base.css');

我该如何解决这个问题？