title: How to stop FOUC when using css loaded by webpack
body: <p>I am getting FOUC when loading css inside of my entry point when using webpack. If I remove my css from being loaded by webpack and just include it in my html file as a normal link then the problem with FOUC goes away.</p>
  
  <blockquote>
    <p>Note: This not just with bootstrap framework, I have tested with
    Foundation and Materialize with the same results</p>
  </blockquote>
  
  <p>The code posted below is just a test example of my problem using Bootstrap.</p>
  
  <p>Html code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Title&lt;/title&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
      &lt;div class="jumbotron"&gt;
          &lt;h1&gt;Navbar example&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/div&gt; &lt;!-- /container --&gt;
  
  &lt;script src="build/bundle.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>bootstrap.js main entry point</p>
  
  <pre><code>import "../node_modules/bootstrap/dist/css/bootstrap.css";
  import bootstrap from 'bootstrap'
  
  $(document).ready(function () {
     console.log('bootstrap loaded')
  });
  </code></pre>
  
  <p>webpack.config.js</p>
  
  <pre><code>var path = require('path');
  const ProvidePlugin = require('webpack/lib/ProvidePlugin');
  const webpack = require("webpack");
  
  module.exports = {
    entry: './src/bootstrap.js',
    output: {
      path: path.join(__dirname, 'build'),
      filename: 'bundle.js'
    },
      resolve: {
          extensions: ['', '.js']
      },
      plugins: [
          new webpack.ProvidePlugin({
              $: "jquery",
              jQuery: "jquery",
              'window.jQuery': 'jquery'
          })
      ],
    devtool: 'inline-source-map',
    module: {
        resolve: {
            modulesDirectories: ['node_modules']
        },
      loaders: [
        {
          test: path.join(__dirname, 'src'),
          loader: 'babel-loader',
            query: {
                presets: ['es2015']
            }
        },
          { test: /\.css?$/, loader: 'style!css'},
          { test: /\.html$/, loader: 'html' },
          { test: /\.(png|gif|jpg)$/, loader: 'url', query: { limit: 8192 } },
          { test: /\.woff2(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url', query: { limit: 10000, mimetype: 'application/font-woff2' } },
          { test: /\.woff(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url', query: { limit: 10000, mimetype: 'application/font-woff' } },
          { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'file' },
      ]
    }
  };
  </code></pre>