在加载器的CSS中出现错误“模块解析失败：意外的令牌（1：0）”

Question

我正在将我的React项目移至下一个js。我从名为react-loader-spinner的库中的CSS代码中得到一个错误。我以为我可以用webpack解决这个问题，但没有结果。

./node_modules/react-loader-spinner/dist/loader/css/CradleLoader.css 1:0
Module parse failed: Unexpected token (1:0) 
You may need an appropriate loader to handle this file type. > .react-spinner-loader-swing div {|   border-radius: 50%;|   float: left;

我的webpack设置如下。

exports.exports = { module: {
rules: [{ test: /\.css$/, use: ["style-loader", "css-loader"] }] };

读取CSS文件时如何解决此问题？