Comment donner de meilleurs noms aux classes dans les modules CSS?

Question

J'ai cette config dans webpack.config.js:

{ 
    test: /\.css$/, 
    use: [ 
     {loader: "style-loader"}, 
     { 
     loader: "css-loader", 
     options: { 
      modules: true, 
      importLoaders: 1, 
      sourceMap: true 
     } 
     } 
    ] 
    } 

Il fonctionne comme prévu, mais une petite chose peut être améliorée - les noms des classes générées.

Est-il possible, par exemple, d'ajouter la chaîne générée au nom de classe existant?

Comme ceci:

// before: 
    gSJW8QAdF0l_JiFWFeyjq 

// after: 
    loginContainer_gSJW8QAdF0l_JiFWFeyjq 

Answer 1

Référez-vous au official docs et recherchez la section sur localIdentName et getLocalIdent. En utilisant cela, vous pouvez personnaliser complètement le nom de votre classe. À votre santé!