vue中使用scss

第一步

安装scss依赖，cnpm i node-sass sass-loader -d

注：sass-loader用来解析scss文件（-d 是 –save-dev 的简写）

第二步：

在build文件夹下的webpack.ba.conf.js的rules里面添加配置

{

test:/\.scss$/,
loaders: [‘style’,‘css’,‘sass’]
}
第三步：

scss使用测试：如下测试修改字体颜色

<stylelang=”scss”>

$color:red;
div{color:$color;}
</style>

安装完成后，运行时出现了错误

modele bui大地的话ld failed: typeerror中国人名大学: this.getresolve is not a function at object.loader...

这是因为当前sass的版本太高，webpack编译时出现了错误物业公司简介，只需要换成低版本的就行，下面说一下修改方法，

找到package.json文件，里面的 “sass-load婚姻生活er”的版本更换掉 就行了。

安装的sass-loader的版本为最新8.0.0 改成如下即可

R有一种幸福20;sass-loader”:“^7.3.1”

然后重新安装项目依赖

在终端执行 npm i

之后启动项目 npm run dev

项目启动成功，编译报错问题解决