css-module composes from other module not working.

[mrdulin]

webpack.config.js:

{
        test: /\.module\.(scss|css)$/,
        include: /\.module\.(scss|css)$/,
        loader: ExtractTextPlugin.extract('style', `css?${JSON.stringify(cssLoaderQuery)}!sass?sourceMap`)
      },
      {
        test: /\.scss$/,
        exclude: [/node_modules/, /\.module\.(scss|css)$/],
        loader: ExtractTextPlugin.extract('style', `css?sourceMap!sass?sourceMap`)
      }

src/index.module.scss:

.button-primary{
    composes: button from './common/sass/button.scss';
    background: lightblue;
}

.link-small{
    // composes: link from './common/sass/link.css';
    composes: link from 'common/sass/link.module.css';
    font-size: 14px;
}

.list-m{
    composes: list from 'common/sass/list.module.scss';
    border: 1px solid #ddd;
}

All of composes not working. No matter I use alias or relative path.

My project directory structure:

-- update 2017.04.11 ---

Here is my webpack.config.js: https://github.com/mrdulin/webpack1.x/blob/master/css-loader/css-module-import-module/webpack.config.js

the issue still exist.

[ekulabuhov]

Hi! Could you please upload this example as a gist?

[PanJ]

Might relate to #131. I'm experience the issue as well. Trying to make minimal example of the issue.

[PanJ]

In my case it's webpack-contrib/style-loader#179

[mrdulin]

@ekulabuhov @PanJ

Here is my case:
https://github.com/mrdulin/webpack-summer/tree/master/css-loader/css-module-import-module

Thanks for reply.

[rozzzly]

Any update on this? I've been experiencing it too, and it's like half the reason to use css modules.

[michael-ciniawsky]

@rozzzly Please provide more info about your current setup (file tree, webpack.config.js)

[mrdulin]

Here is my webpack.config.js: https://github.com/mrdulin/webpack1.x/blob/master/css-loader/css-module-import-module/webpack.config.js

[rozzzly]

After some more investigation, it's an issue between postcss-loader and css-loader. I opened an issue there as it might be out of scope of css-loader webpack-contrib/postcss-loader#198

[alexander-akait]

Look webpack-contrib/postcss-loader#198 (comment). Feel free to feedback.