问题
nuxtjs 本身没有自带 css 预处理器，那么如何新增 sass，less，scss 等预处理器呢？本文将会介绍如何在 nuxtjs 下新增 CSS 与处理器。
聪明的你可能会觉得只需要安装对应的 loader 即可，我们以 sass 为例，下面是安装 sass 的方法：
npm i sass-loader -D
结果报错了 Rule can only have one resource source (provided resource and test + include + exclude) in ... at checkResourceSource
原因
根本原因是安装 loader 之后要告知 webpack 来处理，这样才能使用 sass 的 loader。
解决
在 next.config.js 文件下，添加如下代码：
export default {
build: {
loaders: {
sass: {
implementation: require("sass"),
},
scss: {
implementation: require("sass"),
},
},
},
};
配置完成后重新启动项目，就可以在代码里面使用 sass 咯。
<style lang="sass" scoped>
div
.test
color: red
</style>
