有时因为代码需要,需要同时使用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的心得就分享到这里啦,喜欢的小伙伴可以点个赞哦~

Logo

前往低代码交流专区

更多推荐