title: webpack config to use both css and scss files
body: <p>I want to import a <code>.css</code> file in my app.jsx which has some theme specific code, but then my components are styled using scss files.</p>
  
  <p>How can I do that?  Here is my webpack config which works only for scss files, I thought i could put a wildcard and it'd work for both.</p>
  
  <pre><code>test: /\.(s?)css$/,
  use: [
    {
      loader: 'style-loader',
      options: {
        hmr: true
      }
    },
    {
      loader: 'css-loader',
      options: {
        modules: true,
        importLoaders: 1,
        localIdentName: '[name]__[local]___[hash:base64:5]'
      }
    },
    {
      loader: 'sass-loader'
    },
    {
      loader: 'postcss-loader',
      options: {
        plugins: [autoprefixer({ browsers: ['last 3 versions'] })]
      }
    }
  ]
  </code></pre>