在nextjs中使用外部scss文件

时间:2019-10-21 14:19:18

标签: javascript reactjs sass next.js

我知道这是一个很常见的问题,但是当我尝试在Nextjs应用程序中使用外部scss文件时遇到一个奇怪的问题。

因此,我按照说明进行操作并安装了next-sass,并在根目录下创建了next.config.js:

const withSass = require('@zeit/next-sass');
module.exports = withSass();

然后,在组件中导入import '../style/home.scss'的scss文件。

该文件中应用于类名的所有样式均无效。我没有出现任何错误。
但是,当我将诸如body之类的html元素定位为background-color: red时,它就起作用了。

我对Nextjs还是很陌生,我在做什么错了?

谢谢

0 个答案:

没有答案