the css file is not imported to webpack

The problem here is the generated hash name between babel-plugin-react-css-modules vs css-loader are now different in pattern.

In order to fix this, since babel-plugin-react-css-modules is now using this pattern [path]___[name]__[local]___[hash:base64:5] by default, you just fix by configure css-loader using the same pattern as following:

{
  loader: 'css-loader',
  options: {
    modules: {
      localIdentName: '[path]___[name]__[local]___[hash:base64:5]',
    },              
  }
}

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top