title: Webpack: Bundle required css files
body: <p>Being a newbie to <code>Webpack</code>, I'm following the discussion: <a href="https://github.com/JedWatson/react-select/issues/176" rel="nofollow noreferrer">Recomended way to require CSS in webpack</a> by:</p>
  
  <ol>
  <li><p>Configuring my Webpack configurations with
  <code>
  {
  test: /(\.css|\.scss)$/,
  loaders: ['style-loader', 'css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap'],
  },
  </code></p></li>
  <li><p>Requiring css files in my code:
  <code>
  require('./style1.css');
  require('./style2.css');
  </code></p></li>
  </ol>
  
  <p>But the two css files above will not be bundled together. How to instruct <code>Webpack</code> to bundle all required <code>css</code> files?</p>