title: Queries presets vs loaders in webpack config in react app
body: <p>Now I try to include <a href="https://github.com/posabsolute/redux-flash-notification#readme" rel="nofollow">a library</a> into application, using react with webpack.
  Here is a piece of my webpack config:</p>
  
  <pre><code>module: {
    loaders: [{
      test: [/\.jsx$/,  /\.js$/],
      exclude: /(node_modules|bower_components)/,
      loader: 'babel',
      query: {presets: ['react', 'es2015']}
    },
    {
      test: /(\.scss|\.css)$/,
      loader: ExtractTextPlugin.extract('style', 'css?sourceMap&amp;modules&amp;importLoaders=1&amp;localIdentName=[local]_[hash:base64:5]!postcss?sourceMap!sass!toolbox')
    },
    {
      test: /\.(png|jpg)$/,
      loader: 'url-loader?limit=8192'
    }]}
  </code></pre>
  
  <p>But in library's description there is another way to include modules:</p>
  
  <pre><code>module: {
  loaders: [{
    test:[/\.jsx$/,  /\.js$/],
    loaders: ['react-hot', 'babel?stage=0&amp;loose[]=es6.modules'],
    include: [
      path.resolve(__dirname, "src"),
      path.resolve(__dirname, "node_modules/flash-notification-react-redux")
    ],
  }, {
    test: [/\.scss$/, /\.css$/],
    loader: 'css?localIdentName=[path]!postcss-loader!sass',
  }],},};
  </code></pre>
  
  <p>We don't see "queries" but we see "loaders" instead "loader". How should I include library in config?</p>
  
  <p>Thanks.</p>