modules css avec le nom de fichier en minuscules webpack

Question

je la règle suivante dans mon webpack.confg

use: [ 
    { 
     loader: 'css-loader', 
     query: { 
     modules: true, 
     sourceMap: true, 
     importLoaders: 2, 
     localIdentName: '[name]__[local]___[hash:base64:5]' 
     } 
    }, 
    'sass-loader' 
    ] 

Cela fonctionne, mais mes noms de fichiers sont en majuscules, par exemple Label.scss

Ce qui signifie que mes noms de classe sortent comme Label__whatever__DRfgZ par exemple.

Y a-t-il une première partie minuscule de la classe qui provient du nom de fichier?

Answer 1

Si vous utilisez Webpack> = 2.2.1, vous pouvez passer un function aux options de chargeur:

{ 
    loader: 'css-loader', 
    options: { 
    modules: true, 
    localIdentName: '[path][name]__[local]--[hash:base64:5]', 
    getLocalIdent: (context, localIdentName, localName, options) => { 
     return localIdentName.replace(/^./, string[0].toUpperCase()); 
    } 
    } 
}