title: Webpack style-loader modules are overriding installed component css
body: <p>I am using the <a href="https://github.com/alsoscotland/react-super-select" rel="nofollow">react-super-select</a> component in a react/redux project that I'm working on.</p>
  
  <p>That project currently uses webpack and style-loader to load my styling:</p>
  
  <pre><code>const path = require('path');
  const webpack = require('webpack');
  const poststylus = require('poststylus');
  
  module.exports = {
      entry: [
          'webpack-hot-middleware/client',
          './src/client/index',
      ],
      output: {
          path: path.join(__dirname, 'dist'),
          filename: 'bundle.js',
          publicPath: '/static/',
      },
      plugins: [
          new webpack.optimize.OccurenceOrderPlugin(),
          new webpack.HotModuleReplacementPlugin(),
          new webpack.NoErrorsPlugin(),
      ],
      module: {
          loaders: [{
              test: /\.js$/,
              loaders: ['babel'],
              exclude: /node_modules/,
          },
          {
              test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
              loader: 'url-loader?limit=10000&amp;mimetype=application/font-woff',
          },
          {
              test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
              loader: 'file-loader',
          },
          {
              test: /\.styl$/,
              loader: 'style-loader!css-loader?modules!stylus-loader',
          }],
      },
      stylus: {
          use: [
              poststylus([ 'autoprefixer', 'rucksack-css' ]),
          ],
      },
  };
  </code></pre>
  
  <p>I am finding that this use of style-loader seems to be overriding the styling provided with react-super-select.</p>
  
  <p>Is there a way to configure webpack so that it does not override the style for this component?</p>