用的WebPack小寫的文件名

Question

我在webpack.confg以下規則

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

這工作，但我的文件名是大寫，例如CSS模塊Label.scss

這意味着我的班級名稱以Label__whatever__DRfgZ爲例。

是否有來自文件名的類的小寫第一部分？

Answer 1

如果您使用的WebPack> = 2.2.1，你可以傳遞一個function到加載程序選項：

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