CSS 模块不适用于第三方软件包 react-spinkit

Question

我正在尝试将 react-spinkit 包用于我的 React.js Web 应用程序。在此应用程序中，我选择使用CSS模块。当我切换到 CSS 模块时，我注意到我创建的微调器组件没有呈现。我确信这与我现在使用 CSS 模块的事实有关。目前我的 webpack.config.js 文件看起来像这样：

module.exports = {
//other configurations...
module: {
rules: [
{
test: /.(js|jsx)$/,
exclude: /node_modules/,
use: 'babel-loader'
},
{
test: /.css$/,
loader: 'style-loader!css-loader? modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'
}
]
}
}

我相信我需要为由 css 加载器编译的常规 css 设置一个规则。但是，我不知道如何组合规则，以便 css 加载器可以同时使用 css 模块和常规 css。任何帮助将不胜感激。

Answer 1

尝试在该部分中使您的配置如下所示：

rules: [
{
test: /.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader'
},
{
test: /.css$/,
use: ['style-loader', 'css-loader']
}
]