I have taken webpack config from here:

```
https://github.com/erikras/react-redux-universal-hot-example

```

1. For the production version, I made the suggested changes and now the
loaders for less ,scss and css look like this

```
      { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader')},
      { test: /\.less$/, loader: 'style!css?importLoaders=2&sourceMap!autoprefixer?browsers=last 2 version!less?outputStyle=expanded&sourceMap' },
      { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=2&sourceMap!autoprefixer?browsers=last 2 version!sass?outputStyle=expanded&sourceMap=true&sourceMapContents=true') }

```
2. I am loading stylesheets using require i.e

require('../pathToSCSSSTylSheet')

CSS gets loaded just fine but scss classes are renames in the final stylesheet produced by webpack and so classes never get applied. How do I stop renaming of these scss classes?

I have taken `&localIdentName=[local]___[hash:base64:5]` and tried keeping it too but the classes are renamed anyway