Webpack 1.14 and Sass-loader

Is webpack 1.x and sass-loader supported? This is my configuration,

```
// Process JS with Babel.
{
test: /\.(js|jsx)$/,
include: paths.appSrc,
loader: 'babel',
query: {

// This is a feature of `babel-loader` for webpack (not Babel itself).
// It enables caching results in ./node_modules/.cache/babel-loader/
// directory for faster rebuilds.
cacheDirectory: true,
plugins: [
'transform-react-jsx',
[
'react-css-modules',
{
"generateScopedName": "MYCOMP___[local]",
"filetypes": {
".scss": "postcss-scss"
}
}
]
]
}
},
{
test: /\.scss$/,
include: path.resolve(__dirname, './stylesheets/sass'),
loaders: [
'style-loader?{"sourceMap":true,"attrs":{"id":"mycomp-style-tag"}}',
'css-loader?modules=true&importLoaders=1&localIdentName=MYCOMP___[local]',
'sass-loader?modules=true&importLoaders=1&localIdentName=MYCOMP___[local]',
'autoprefixer-loader'
]
},
```

and this is what package.json contains,

```

"devDependencies": {
"autoprefixer": "6.7.2",
"node-sass": "^3.8.0",
"sass-loader": "^4.0.0",
...
"postcss-loader": "1.2.2",
"postcss-scss": "^0.4.1",
...
```

Without sass-loader, my CSS and everything works fine. As I've tried to switch to use sass, I can see the CSS itself getting generated. But "styleName" is never defined.

That is, there is a ... styles tag in HEAD, but in the react component, all the elements don't get the right prefix.

What would you suggest doing?

Start with package.json and the webpack rules shown in the report, then reproduce the configuration with webpack 1.x, sass-loader 4.0.0, and the listed CSS Modules settings. Trace why the generated styles do not produce prefixed component classes; done means identifying the compatibility problem and documenting or validating a concrete resolution.

Written by the indexing model from the issue text.