I am facing challenges while setting up my webpack configuration with css modules.
Here is a snippet from my webpack configuration:
module: {
rules: [
{
test: /\.s?css$/,
include: path.resolve(__dirname, './assets/css-master/'),
loader: extractSass.extract({
use: [
// { loader: 'css-loader' },
{ loader: 'css-loader?modules&localIdentName=[name]__[local]___[hash:base64:5]' },
{ loader: 'sass-loader' },
],
// use style-loader in development
fallback: 'style-loader',
}),
exclude: /node_modules/,
},
],
},
After defining className="test", the CSS is rendered correctly. However, when using className={cssImported.test}, it fails to work as expected.