title: How to specify multiple loaders in Webpack plugin?
body: <p>My Webpack config contains the following loaders.</p>
  
  <pre><code>module: {
    loaders: [
      { test: /\.js$/, loader: "babel", exclude: /node_modules/ },
      { test: /\.sass$/, loaders: ["style-loader", "css-loader", "sass-loader"], exclude: /node_modules/ }
    ]
  },
  </code></pre>
  
  <p>Then, I wished to pull out the CSS to a separate file and I tried using the <a href="https://github.com/webpack/extract-text-webpack-plugin" rel="nofollow noreferrer">extract text webpack plugin</a>, alternating my config like this.</p>
  
  <pre><code>var ExtractTextPlugin = require("extract-text-webpack-plugin");
  
  module: {
    loaders: [
      { test: /\.js$/, loader: "babel", exclude: /node_modules/ },
      // { test: /\.sass$/, loaders: ["style-loader", "css-loader", "sass-loader"], exclude: /node_modules/ }
      {
        test: /\.sass$/,
        loader: ExtractTextPlugin.extract(
          {
            loaders: ["css-loader", "sass-loader"],
            fallbackLoader: "style-loader"
          }
        ),
        exclude: /node_modules/
      }
    ]
  },
  plugins: [new ExtractTextPlugin("global.css")],...
  </code></pre>
  
  <p>However, it fails with. Probably due me not specifying the loaders correctly. How can I specify multiple loaders (one for SASS and one for CSS)?</p>
  
  <blockquote>
    <p>Module not found: Error: Cannot resolve module '[object Object]' in  C:\Source\Poc\TestProj<br>
     @ ./index.js 7:14-38</p>
  </blockquote>
  
  <p>I've checked the file <em>index.js</em> but I can't see anything wrong there. It's literally empty export, as shown below. And the reference to 7:14-38 says nothing to me. There aren't that many lines in the file, even...</p>
  
  <pre><code>import CssGlobal from "./global.sass";
  //document.write("Banana!");
  export default {}
  </code></pre>