如何設置與css模塊的webpack

Question

我想配置我的webpack與css模塊，但它不工作。

我的WebPack是這樣的：

module: { 
rules: [ 
    { 
    test: /\.s?css$/, 
    include: path.resolve(__dirname, './assets/css-master/'), 
    loader: extractSass.extract({ 
     use: [ 
     // { loader: 'css-loader' }, 
     { loader: 'css-loader?modules&localIdentName=[name]__[local]___[hash:base64:5]' }, 
     { loader: 'sass-loader' }, 
     ], 
     // use style-loader in development 
     fallback: 'style-loader', 
    }), 
    exclude: /node_modules/, 
    }, 
], 
}, 

當我呼籲的className = 「測試」 返回我的CSS，但是當的className = {} cssImported.test被稱爲，這是行不通的。

Answer 1

我解決了這個問題卸載react-css-modules，我改變了加載器。現在看起來像這樣（只是's'已從模塊'中刪除）：{ loader: 'css-loader?module&localIdentName=[name]__[local]___[hash:base64:5]' },