When webpack uses ExtractTextPlugin+css-loader, the class name is not packaged into a hash?

var webpack = require ("webpack");
var HtmlWebpackPlugin = require (" html-webpack-plugin");
const ExtractTextPlugin = require ("extract-text-webpack-plugin");
module.exports = {

entry: __dirname + "/src/main.js", //
output: {
    path: __dirname + "/dist", //
    filename: "bundle.js" //
},

/ / devtool: "cheap-module-source-map",

module: {
    loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: "babel-loader",
            query: {
                presets: ["es2015", "react"]
            }
        },
        {
            test: /\.vue$/,
            loader: "vue-loader"
        },
        {
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
                fallback: "style-loader",
                use: [{
                    loader: "css-loader",
                    options: {
                        modules: true//truecsshtml
                    }
                }, {
                    loader: "postcss-loader"
                }]
            })
        }, {
            test: /\.(gif|png|jpg|svg)$/,
            use: [{
                loader: "url-loader",
                options: {
                    limit: 1024,
                    name: "images/[name]-[hash:8].[ext]"
                }
            }]
        }
    ]
},
resolve: {
    alias: {
        "vue$": "vue/dist/vue.js"
    }
},
devServer: {
    contentBase: "./dist", //
    stats: {
        colors: true
    }, 
    historyApiFallback: true, 
    inline: true,
    hot: true
},
plugins: [
    new webpack.BannerPlugin(""),
    new HtmlWebpackPlugin({
        template: __dirname + "/index.html" 
    }),
    new ExtractTextPlugin("style.css"),
    new webpack.HotModuleReplacementPlugin() 
]

}

I changed the above modules: true to false, although the style name did not become a hash value, but can apply the style, indicating that my css file is referenced, the reference is no problem, ask God to tell me where the configuration is wrong, thank you very much!
css

html

Mar.03,2021

after css-loader modules modularization is set
if css is introduced, please do the following

const styles = require("")

import styles from ''; //  "styles"   

css:
    sectionOne:{color:-sharpred;}
html    
    <div className={styles.sectionOne}></div>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bf0079-31cbc.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bf0079-31cbc.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?