vue项目同时使用sass和less

17 篇文章 0 订阅

有时因为代码需要,需要同时使用sass和less,现将本人的一点经验心得分享给大家。

1.首先建议安装淘宝镜像,如已安装可跳过
命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

2.如项目中已有sass,需要安装less,执行如下代码:
cnpm install less --save
cnpm install less-loader@4.1.0 --save
注意:2020年以后安装的less版本均为6.0以上,安装后可能会出现如下图的报错,建议小伙伴们安装低版本的less-loader

如果已安装高版本的less,建议卸载后重新安装低版本
命令:cnpm uninstall less-loader
cnpm install less-loader@4.1.0 --save

3.如项目中已有less,需要安装sass,执行如下代码:
cnpm install sass-loader
cnpm install sass-loader@7.0.0 --save
注意:sass也有高版本兼容问题,建议使用低版本

4.如项目中还未安装modules,请执行以下命令,首先安装低版本对应的sass和less:
cnpm install less --save
cnpm install less-loader@4.1.0 --save
cnpm install sass-loader
cnpm install sass-loader@7.0.0 --save

然后再cnpm install
这时可能会遇到如下报错:

原因是node-sass的版本不够
解决方法:
输入命令:cnpm install node-sass@latest

关于vue项目同时使用sass和less的心得就分享到这里啦,喜欢的小伙伴可以点个赞哦~
————————————————
版权声明:本文为CSDN博主「shalDream」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/shalDream/article/details/106663164

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值