React里何如将scss文件里定义好的类，去给虚拟DOM添加className

Question

我创建了一个app.scss文件，想把里面写的样式类添加到main.js里的虚拟DOM中，可是执行后，webpack没有报错，成功将app.scss文件编译成css输出到index.html里的<header>里，可是动态生成的DOM却没有添加上className，新手学习webpack和react，求解。

这是我的代码

我写成css文件就可以成功添加样式，我知道一定是我main.js里 className={style.h1} 这里出了问题，我不知道如何去取scss里的class，求高人指导

结果就是这样，h1标签完全没有添加上写的h1类样式

Answer 1

问题的根源应该是webpack里没配置好，没有开启style-loader中的css-module
建议读一下文档：
https://github.com/webpack-co...

我项目中webpack中的配置是：

Answer 2

这个require只是把scss加载进来了，并没有返回一个可使用的对象吧，你可以打出来看看，这个对象没有属性的

Answer 3

您好，问题解决了吗