title: Webpack - Error: Cannot define 'query' and multiple loaders in loaders list
body: <p>This error appeared after I added the <code>react-hot</code> loader in an array following this tutorial: <a href="https://thoughtbot.com/blog/setting-up-webpack-for-react-and-hot-module-replacement" rel="nofollow noreferrer">https://thoughtbot.com/blog/setting-up-webpack-for-react-and-hot-module-replacement</a></p>
  
  <p>I'm getting <code>Error: Cannot define 'query' and multiple loaders in loaders list</code>. </p>
  
  <pre><code>var WebpackDevServer = require("webpack-dev-server");
  var webpack = require('webpack');
  var path = require('path');
  require("babel-polyfill");
  
  var BUILD_DIR = path.resolve(__dirname, 'build');
  var APP_DIR = path.resolve(__dirname, 'src');
  
  module.exports = {
    entry: [
      'babel-polyfill',
      'bootstrap-loader',
      'webpack/hot/dev-server',
      APP_DIR + '/import.js',
    ],
    output: {
      path: BUILD_DIR,
      filename: 'bundle.js'
    },
    module: {
      loaders: [{
        test: /\.jsx?$/,
        loaders: ['react-hot', 'babel'],
        exclude: /node_modules/,
        query: {
          plugins: ['transform-runtime'],
          presets: ['es2015', 'stage-0', 'react']
        }
      }, {
        test: /\.css$/,
        loader: "style-loader!css-loader"
      }, {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      }, {
        test: /\.(png|woff|woff2|eot|ttf|svg|jpg|gif)$/,
        loader: 'url-loader?limit=100000'
      }]
    },
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery"
      }),
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin()
    ]
  };
  </code></pre>