title: Webpack missing loader for bootstrap
body: <p>I'm trying to use bootstrap through webpack and have installed it using npm. I want to use it in my react project so I've done the below settings but I keep getting the below error:</p>
  
  <p>main.js</p>
  
  <pre><code>import React from 'react'
  import 'bootstrap/dist/css/bootstrap.css'
  const Main = () =&gt; (
      &lt;div className="container"&gt;yo&lt;/div&gt;
  )
  </code></pre>
  
  <p>Webpack config</p>
  
  <pre><code>var path = require('path');
  var webpack = require('webpack');
  
  module.exports = {
    devtool: 'source-map',
    entry: [
      'webpack-hot-middleware/client',
      './client/pokeapp'
    ],
    output: {
      path: path.join(__dirname, 'dist'),
      filename: 'bundle.js',
      publicPath: '/static/'
    },
    plugins: [
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin()
    ],
    module: {
      loaders: [
      // js
      {
        test: /\.js$/,
        loaders: ['babel'],
        include: path.join(__dirname, 'client')
      },
      // CSS
      {
        test: /\.css$/,
        include: path.join(__dirname, 'client'),
        loader: 'style-loader!css-loader'
      },
      { test: /\.(woff|woff2|eot|ttf|svg)$/, loader: 'url'}
      ]
    }
  };
  </code></pre>
  
  <p><strong>Console Error</strong></p>
  
  <pre><code>Module parse failed: /Users/jlei/Desktop/pokeapp/node_modules/bootstrap/dist/css/bootstrap.css Unexpected token (7:5)
  You may need an appropriate loader to handle this file type.
  SyntaxError: Unexpected token (7:5)
      at Parser.pp$4.raise (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:2221:15)
      at Parser.pp.unexpected (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:603:10)
      at Parser.pp.semicolon (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:581:61)
      at Parser.pp$1.parseExpressionStatement (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:966:10)
      at Parser.pp$1.parseStatement (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:730:24)
      at Parser.pp$1.parseTopLevel (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:638:25)
      at Parser.parse (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:516:17)
      at Object.parse (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:3098:39)
      at Parser.parse (/Users/jlei/Desktop/pokeapp/node_modules/webpack/lib/Parser.js:902:15)
      at DependenciesBlock.&lt;anonymous&gt; (/Users/jlei/Desktop/pokeapp/node_modules/webpack/lib/NormalModule.js:104:16)
   @ ./client/components/Main.js 27:0-43
  </code></pre>
  
  <p>What's the unexpected token? Is that due to my loader not working?</p>