vue项目如何使用.scss文件以及安装依赖遇到的各种问题-蒲公英云

vue项目如何使用.scss文件以及安装依赖遇到的各种问题

首先我是在项目里想引用.scss文件，过程中遇到了各种各样的问题。
我的node_modules删了重新弄无数次！！因为我在开发过程中添加依赖的时候对一些包没有使用–save dev这样的指令（泪目）。这个真的很重要很重要，我要被自己折腾死。

只有使用类似这样的指令，依赖包在package.json中才会有记录，别人在clone这个项目或者自己重新配置时，cnpm install才可以下载到所有的依赖包。

整个项目搭建：

首先安装淘宝镜像（不需要安装可忽略）

npm install -g cnpm —registry=https://registry.npm.taobao.org
安装依赖（不需要安装可忽略）

cnpm install
接下来安装scss需要的依赖

npm install sass-loader —save-dev //安装sass-loader
npm install node-sass —save-dev //安装node-sass
等你进行到这个步骤，你可能就会出现以下问题

在这里插入图片描述
解决方法：这个报错是因为版本过高，建议卸载后重新安装低版本。可以自行探索哪个版本合适。

cnpm uninstall sass-loader
cnpm install sass-loader@7.0.0 --save
cnpm uninstall less-loader
cnpm install less-loader@4.1.0 --save

Failed to resolve loader: sass-loader You may need to install it.
意思你还没安装这个依赖，自己去配一下！！上面写了咋配。