Модули CSS не работают с сторонним пакетом реакции-спинки - PullRequest
Новая
       34

Модули CSS не работают с сторонним пакетом реакции-спинки

0 голосов
/ 04 октября 2018

Я пытаюсь использовать пакетact-spinkit для моего веб-приложения React.js.В этом приложении я решил использовать модули CSS.Когда я переключился на CSS-модули, я заметил, что созданный мной компонент Spinner не рендерится.Я уверен, что это связано с тем, что я сейчас использую модули 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.Любая помощь будет оценена.

1 Ответ

0 голосов
/ 04 октября 2018

попробуйте, чтобы ваш конфиг выглядел так в этом разделе: 

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