gajus / gajus/babel-plugin-react-css-modules

Temporary fix for those have trouble with newer version of webpack / css-loader.

Open
#304 7 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2k
Forks
159
PR merge metrics
No merged PRs in 30d

Description

It turns out that `babel-plugin-react-css-modules` is using `generic-names` v2, which is different a bit with newer `Webpack` in the [hash].

`generic-names` v3 solve it. see [this update](https://github.com/css-modules/generic-names/commit/191c17e0784275e7918700d3bed3dc0195408259).

So we can manually replace the `generateScopedName` with `createGenerator` from `generic-names` v3.

Like this

``` JavaScript
const createGenerator = require('generic-names');

const plugins = [
[
'babel-plugin-react-css-modules',
{
generateScopedName: createGenerator('[name]__[local]_[hash:base64:5]'),
exclude: 'node_modules',
},
],
];
```

I've done this in my own project and it works fine. Have a try. Best wishes~

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.