Disallow or gracefully handle CSS selectors with hyphens (ie. ".main--red") about css-modules-typescript-loader HOT 5 CLOSED

this really should remove the main--red instead of output it to file. I saw this issu and no reply, so I made my own type loader from this idea.

from css-modules-typescript-loader.

Our (current) philosophy is that we shouldn’t modify your classes in any way. If it’s something that TypeScript doesn’t allow, TypeScript should tell you—otherwise we’ll need to bloat up this loader with duplicated logic for detecting invalid identifiers.

from css-modules-typescript-loader.

Use css-loader with option camelCase actually convert the main--red to 2 set of keys mainRed and main--red, which both link to the same style. I did not mean to modify the existing class, but it should not be exported as a type file because its invaild TypeScript. You can access to the style with styles['main--red'] anyway without the type. for some people like to follow BEM pattern this should be acceptable or as a configuration.
The camelCase convertion css-loader using is https://github.com/sindresorhus/camelcase

from css-modules-typescript-loader.

After re-reading the README, this might not be an issue when you're developing with a Webpack console window open.

Feel free to close if you guys think adding your own error handling is redundant or out-of-scope here

from css-modules-typescript-loader.

I've just proposed PR #9 which addresses this issue.

from css-modules-typescript-loader.