CSS 模块不适用于 3rd 方包 react-spinkit答案

【问题标题】：CSS Modules not working with 3rd party package react-spinkitCSS 模块不适用于 3rd 方包 react-spinkit
【发布时间】：2018-10-03 23:06:45
【问题描述】：

我正在尝试将 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。任何帮助将不胜感激。

【问题讨论】：

标签： reactjs webpack css-loader css-modules

【解决方案1】：

尝试在该部分中让您的配置看起来像这样：

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

【讨论】：