如何设置与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]' },