Cannot make bootstrap work with Webpack
<p>I am working with a <code>webpack-dev-server</code> and I am trying to include bootstrap.</p>

<p>I have this project structure:</p>

<pre><code>── css
│   └── bootstrap.min.css
│── js
|   └── bootstrap.min.js
├── dist
├── index.html
├── package.json
├── server.js
├── src
│   ├── actions.js
│   ├── App.js
│   ├── components
│   ├── constants
│   ├── index.js
│   └── reducers.js
└── webpack.config.js
</code></pre>

<p>This is the <code>index.html</code>:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id='root'&gt;&lt;/div&gt;
    &lt;script src="/static/bundle.js"&gt;&lt;/script&gt;
  &lt;/body&gt;    
&lt;/html&gt;
</code></pre>

<p>Whenever I run the server, I get an error of the type:</p>

<pre><code>Cannot GET /css/bootstrap.min.css
</code></pre>

<p>Here is the webpack.config.js:</p>

<pre><code>var path = require('path');
var webpack = require('webpack');

module.exports = {
  devtool: 'eval',
  entry: [
    'webpack-dev-server/client?http://localhost:3000',
    'webpack/hot/only-dev-server',
    './src/index'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  module: {
    loaders: [{
      test: /\.js$/,
      loaders: ['react-hot', 'babel'],
      include: path.join(__dirname, 'src')
    },
    {
      test: /\.css$/,
      loader: 'style!css'
    }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx', '.json']
  }
};
</code></pre>

<p>Everything else works fine, the problem is just bootstrap. I tried a lot of different variations on the configurations, but I can't get it to work.</p>

<p>I also tried requiring it directly from javascript on <code>index.js</code>:</p>

<pre><code>import '../css/bootstrap.min.css';
</code></pre>

<p>And I get this error:</p>

<pre><code>ERROR in ./~/css-loader!./css/bootstrap.min.css
Module not found: Error: Cannot resolve 'file' or 'directory' ../fonts/glyphicons-halflings-regular.eot in /home/lhahn/dev/javascript/sha/css
 @ ./~/css-loader!./css/bootstrap.min.css 6:3278-3330 6:3348-3400
</code></pre>

<h2>Edit</h2>

<p>From what I realised, webpack is trying to find a font file inside my project, when trying to import Bootstrap.min.css.</p>