导入sass文件将返回空对象或忽略全局样式表

Question

当我试图从组件scss文件导入时，如

import styles from "./styles.scss";

我得到了一个空物体。

这是我为scss 配置的webpack

{
test: /.scss$/,
use: [
{
loader: "style-loader"
},
{
loader: "css-loader",
options: {
importLoaders: 1,
sourceMap: true,
}
},
{
loader: "resolve-url-loader",
options: {
sourceMap: true
}
},
{
loader: "sass-loader",
options: {
sourceMap: true
}
}
]
}

如果我尝试加载css并设置modules:true，那么我将以styles访问文件的内容，但无论我在哪里使用全局样式表，它都会中断，并且元素中不再有类。

有什么建议吗？

Answer 1

尝试像这样导入

import "./styles.scss";