vue项目同时使用sass和less

有时因为代码需要，需要同时使用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