在 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

使用下一个 scss 插件

点击此链接至next-sass

接下来你可以看到如何处理 sass 的完整细分。

你需要像这样添加一个配置文件

next.config.js

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

然后重新启动您的开发进程。 Sass 现在应该可以工作并被转译了。