这是在nextjs中处理sass的问题

Question

这无法编译：

./node_modules/bootstrap/scss/bootstrap.scss 8:0
Module parse failed: Unexpected character '@' (8:0)
You may need an appropriate loader to handle this file type.
|  */
| 
> @import "functions";
| @import "variables";
| @import "mixins";

Answer 1

使用Next SCSS插件

请按照此链接

在那里您可以看到如何处理如何处理下一步的Sass。

您需要添加像这样的配置文件

next.config.js

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

然后重新启动您的开发过程。Sass应该工作并立即转移。