gpt4 book ai didi

在vue-cli创建的项目中使用sass操作

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章在vue-cli创建的项目中使用sass操作由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

安装sass-loader node-sass 。

cnpm install sass-loader node-sass -D 。

-D是--save-dev的缩写 。

安装之后有的会报错:

this.getReslove is not a function.... 。

这时因为sass-loader的版本太高的原因,在package.json 长修改sass-loader的版本低于8.0,删除node_modules文件加,重新安装就ok了 。

补充知识:vue-cli的项目 style lang="scss" 写 scss样式报错 。

报错代码:

在vue-cli创建的项目中使用sass操作

解决方案:

安装以下依赖就可以了,vue-cli默认没有scss-loader,scss-loader又需要node-sass,只安装scss-loader是不行的。另外webpack就不需要配置了,因为vue-cli会帮你配置安装的loader 。

?
1
2
3
4
"node-sass" : "^4.5.1" ,
   "sass-loader" : "^6.0.3" ,
   "scss" : "^0.2.4" ,
   "scss-loader" : "^0.0.1" ,

npm install (上面几个包) --save 。

ok! 。

以上这篇在vue-cli创建的项目中使用sass操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我.

原文链接:https://www.cnblogs.com/xiaofenguo/p/12620464.html 。

最后此篇关于在vue-cli创建的项目中使用sass操作的文章就讲到这里了,如果你想了解更多关于在vue-cli创建的项目中使用sass操作的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com