babel-plugin-react-css-modules
babel-plugin-react-css-modules copied to clipboard
Not compatible with [email protected]
I have localIdentName set to '[path]___[name]__[local]___[hash:base64:5]' in the css-loader, but as of 3.0.0 this generates a name (in css-loader) where slashes and dots aren't replaced with dashes but rather escaped.
That's a bit uglier to read now (anyway, they aren't really meant for humans) -- but the main problem is that this plugin now generates invalid className values because it's using the old logic.
Example:
className: rb-client-js-modules-landing-___Landing-module__landing-page-card___kz6iY
css: .rb\/client\/js\/modules\/landing\/___Landing\.module__landing-page-card___kz6iY
Same error for me. 🙃
Good first PR.
I solved the problem with this...
const defaultGetLocalIdent = require('css-loader/dist/utils').getLocalIdent
modules: {
...
getLocalIdent: (...params) => defaultGetLocalIdent(...params).replace(/\\\//g, '-'),
...
}
Currently, [email protected] doesn't export getLocalIdent anymore.