title: How to include a CSS from bower_components using webpack dev server?
body: <p>I am loading a fe library using bower which is situated in folder <code>bower_components</code>.</p>
  
  <p>In <code>public</code> folder I have an html page which should contain a reference to the fe library.</p>
  
  <p>Using the following code I get 404 when loading <code>owfont-regular.css</code></p>
  
  <p>How to load the css file correctly in webpack dev server?</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
      &lt;script src="/assets/bundle.js"&gt;&lt;/script&gt;
      &lt;link href="/assets/bower_components/owfont/css/owfont-regular.css" rel="stylesheet" type="text/css"&gt;
  &lt;/body&gt;
  
  
  
  const path = require('path')
  const webpack = require('webpack')
  
  module.exports = {
    entry: {
      index: './src/index.js'
    },
    output: {
      path: path.resolve(__dirname, 'public'),
      publicPath: '/assets/', // virtual
      filename: 'bundle.js'
    },
    plugins: [
      new webpack.HotModuleReplacementPlugin()
    ],
    devServer: {
      contentBase: path.resolve(__dirname, 'public'),
      publicPath: '/assets/', // virtual
      port: 8080,
      hot: true,
      inline: true
    },
    devtool: 'source-map',
    // devtool: 'eval-source-map',
    module: {
      loaders: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          loader: 'babel-loader',
          query: {
            plugins: ['recharts'],
            presets: ['es2015']
          }
        }
      ]
    }
  }
  </code></pre>