Override :local(.class) rules from external less file

[serbanghita]

I have a project using less 2.7.1 and css-loader 0.23.1.
webpack version is 2.3.2.

In my project I have a component with the name MyComponent incorporates a 3rd party component imported from node_modules, called WysiwygComponent.
WysiwygComponent has the style rules in WysiwygComponent.less:

:local(.wrap) {
 font-size: 18px;
}

this generates a CSS rule like WysiwygComponent--wrap--MhELi.

In MyComponent i have MyComponent.less file I want to override the WysiwygComponent--wrap by using something like: .MyComponent-wrap .WysiwygComponent-wrap { ... }.

Unfortunately I found no way to extend/override the CSS with :local(.wrap) syntax inside MyComponent.less

[TrySound]

It's WIP
#562

[alexander-akait]

@TrySound problem was solved?

[TrySound]

It can't be solved without major release.
/cc @michael-ciniawsky

[alexander-akait]

@TrySound it is solved in new version postcss-* plugins?

[TrySound]

Maybe. However current idea is to combine all plugins in one to prevent compatibility problem between plugins.

[alexander-akait]

@TrySound This https://github.com/css-modules/postcss-modules?

[TrySound]

@evilebottnawi Nope. It's just a pack. I mean full rewrite in single plugin. This can solve all problems.

[alexander-akait]

@TrySound somebody can take care about this?

[TrySound]

We need to decide. Do we focus on webpack css type support, or do we finish this and fix everything with breaking change.

[alexander-akait]

@TrySound Roadmap:

1. Stability current style-loader/css-loader/postcss-loader with support css-modules and webpack@4
2. Experimental branch with css in webpack

It is allow to easy migrate and improve stability loaders. Experimental branch can take a long time, we must give people the opportunity to work stably.