Style css module not applied [React + Webpack] - reactjs

Question

I am discovering the CSS modules in a react application, I also use Webpack.
I edit the webpack configuration file, I try to change the color of a paragraph using a css file to test but the style is not applied.
Visual studio code tells me that the module is not found but I have yet entered the correct path of the file.
I think it's a problem with the webpack configuration file.
I did a lot of research, I tried different solutions ...
I thank you in advance for your help and your answers
I tried to follow the tutorial of this site => https://javascriptplayground.com/css-modules-webpack-react/
I did research on stack overflow, I try several solutions proposed in the different posts but it still does not work.
I then check with the webpack documentation to add the loaders "style-loader" and "css-loader"
Webpack configuration file
module.exports = {
entry: [
'./src/index.js'
],
output: {
path: __dirname,
publicPath: '/',
filename: 'bundle.js'
},
module: {
rules: [
{
enforce: 'pre',
test: /\.js$/,
loader: 'standard-loader',
exclude: /node_modules/
}, {
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
}, {
test: /\.css$/,
use: ['style-loader', 'css-loader' ]
}
],
loaders: [{
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['react', 'es2015', 'stage-1']
}
},{
test: /\.css$/,
loader: "style-loader!css-loader"
}
]
},
resolve: {
extensions: ['', '.js', '.jsx','css']
},
devServer: {
historyApiFallback: true,
contentBase: './'
}
};
File CSS
.title {
color: yellow;
font-size: 124px;
}
Test code snippet
import styles from './home.css';
<p className={styles.title}>hello world</p>
I want to change the color of a paragraph, using a CSS module but the style does not apply to the refresh of the page.