使用webpack导入css会返回数组而不是对象

我已经审查了网站上几乎所有与此相关的问题/答案，但无法让事情顺利进行

我正在react代码中导入一个.css文件，如下所示：

import theme from '../stylesheets/autosuggest.css';

但是当我对主题对象进行console.log时，我得到的是一个数组，而不是一个对象

文件autosuggest.css包含：

.suggestionsContainer ul {
  list-style: none;
}

  {
    test: /\.css$/,
    loader: "css-loader?modules=true"
  },
  {
    test: /\.scss$/,
    loader: "style-loader!raw-loader!sass-loader)
  },

我的网页包配置包含：

.suggestionsContainer ul {
  list-style: none;
}

  {
    test: /\.css$/,
    loader: "css-loader?modules=true"
  },
  {
    test: /\.scss$/,
    loader: "style-loader!raw-loader!sass-loader)
  },

输出：

console.log(JSON.stringify(theme))

详情如下：

[[629,"._1iN32ylkX4V29XkoF-ztbe ul {\n  list-style: none;\n}",""]]

---

我在这里完全迷路了，任何帮助都将不胜感激。

对于css，您通常会将它们加载到您的index.html中

---

谢谢马克的回答。但这是我的问题。我必须将css文件中的样式作为参数传递。类似这样：

其中“theme”来自以下行：

从“../stylesheets/autosuggest.css”导入主题在这种情况下，“主题”应该是一个对象，但我得到的是一个数组。这是我的问题。马克，我让它工作了。我将css加载器的网页包配置更改为以下内容：
{test://\.css$/，loader:'style！css loader？modules&importLoaders=1'}
我想知道importLoaders=1设置是否起了作用，尽管我不知道是如何实现的。再次感谢你的帮助。