导入 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-loaded 并设置 modules: true 那么我会以 styles 获得文件的内容，但是无论我在哪里使用全局样式表，它都会中断，并且元素中将不再有类。

有什么建议吗？

Answer 1

尝试像这样导入它们

import "./styles.scss";