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-loader编译的常规CSS设置规则。但是，我不知道如何组合规则，以便css-loader可以同时使用css模块和常规css。任何帮助将不胜感激。

Answer 1

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

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

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

1 个答案: