webpack：导入的样式是一个空对象

问题描述

这是我的 webpack 配置，但我试图导入我在 <name-of-server> took too long to respond. 块中声明的 scss 样式，但我得到一个空的 JSON。

不出所料，还有其他人有同样的问题：

1. https://github.com/webpack-contrib/sass-loader/issues/206

2. css modules object import returns empty

config.webpack.js

:export

感谢任何帮助或提示。

解决方法

尝试将 .module. 放入您的 scss 文件名中。

例如：filename.module.scss

然后在您的代码中：

import styles from "./filename.module.scss";

并且您可以使用 scss 的类：

<div className={styles.yourClassStyle}></div>