vue中使用scss

时间：2019-09-17 12:39:07 阅读：95 评论：0 收藏：0 [点我收藏+]

第一步

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

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

第二步：

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

{

test: /\.scss$/,

loaders: [‘style‘, ‘css‘, ‘sass‘]

}

第三步：

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

$color:red;

div {color:$color;}

</style>

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

Modele build failed: TypeError: this.getResolve is not a function at Object.loader...

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

找到package.json文件，里面的 "sass-loader"的版本更换掉就行了。

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

"sass-loader": "^7.3.1"

然后重新安装项目依赖

在终端执行 npm i

之后启动项目 npm run dev

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

原文：https://www.cnblogs.com/xjguan/p/11532824.html

踩

(1)

评论一句话评论（0）

分享档案

更多>