Vue 中同时使用 less 和 sass

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的心得就分享到这里啦，喜欢的小伙伴可以点个赞哦~