webpack用import './bootstrap.min.css'引入css报错

Question

webpack.config.js配置如下

module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel',
        query: {
          cacheDirectory: true,
          presets: ['stage-0', 'es2015'],
          plugins: ['transform-runtime']
        }
      },
      {
        test: /\.css$/,
        // loader: "style-loader!css-loader?root=."
        loaders: ExtractTextPlugin.extract("style-loader", "css-loader")
      },
      {
        test: /\.(jpe?g|png|gif|svg)$/i,
        loaders: ['url-loader?limit=5000&name=img/[hash:8].[name].[ext]']
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]
  },

报错信息如下

/Documents/webapp/node_modules/webpack-core/lib/LoadersList.js:81
        r.forEach(function(r) {
          ^

TypeError: r.forEach is not a function

Answer 1

我发现问题了，key要写成loader而不是loaders。汗～～～

Answer 2

https://github.com/webpack/extract-text-webpack-plugin

loader: ExtractTextPlugin.extract('style-loader', 'css-loader')