安装如下包，sass是依赖于nodesass ，所以要安装nodesass npm install nodesass savedev npm install sassloader savedev#160#160找到build目录下的文件，在modulerules下增加如下。
1 安装 npm install sassloader@600 nodesass savedev 2在build文件夹下的的rules里面添加配置 #160 #160 test \sass$，#160 #160 loaders #39style#39， #39。
安装 3x 版本的 Vue 脚手架输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用。
1安装库 sassresourcesloader 安装命令 install sassresourcesloader savedev 2 配置 3已经可以在任何组件中，使用全局变量了。
出现问题场景vue运行项目过程中报错 版本原因， sassloader 版本太高，卸载安装低版本即可 nodesass 也可以换成 dartsass ， 貌似不指定版本，也可以。
在前端开发项目中， sass 是一个很好的编写样式的预处理工具，但是集成到 VueCli 中以后坑还是很多的如果想要在项目入口文件 mainjs 中引入，然后可以全局使用，会报各种各样的错下面就记录一下自己的踩坑经历吧但。
#160 #160 #160 #160 2#160在appvue中使用scss时，用scss的语法引入了该*scss文件 #160 #160 #160 #160 3 最终loader解析图片路径出错 需要先安装 nodesass及sassloader npm i。
这里配置了全局sass 需要安装的依赖 sassloader lessloader 由于 sassloader 版本不同，loaderOptions 中的 additionalData 的键名也不同 vuecli3中的webpack与vue多页面应用开发 相关参数封装 很好的pwa插件相关配置。
npm install g @vuecli vue create helloworld 安装好之后cd项目根目录，运行项目npm run serve1scss或者less，这里我用scss npm install sassloader nodesass save 2vuerouter是必不可少的 cnpm。
not a function at Objectloader 1 因为当前sass的版本太高，webpack编译时出现了错误，所以指定npm install sassloader@731 savedev 安装低版本的接下来，在build中添加如图。
2Error ENOENT no such file or directory， open #39D\ahao\studyPath\bootstrapvue\node_modules\lodash\lodashjs#393VUE中使用BootstrapVue图片bimg标签路径显示不出图片问题 新建 安装 npm。
检查node是否安装成功 为了更快安装，可以使用淘宝的镜像 在终端输入以下命令检测cnpm是否安装成功 vuecli是vue脚手架工具，方便打包，部署，测试等进入你的项目目录，创建一个基于 webpack。
安装完成新建src\router\indexts 新建src\views\Home\indexts 修改src\router\indexts 修改maints 修改src\Appvue 运行项目引用elementui，去官网抄修改src\views\Home\indexvue 因为我们要用到sass全新。
下面整个过程是基于已经安装nodejs和cnpm的基础上，nodejs如何安装就不在这里详说了如何全局化安装cnpm，这里简单提一下淘宝镜像命令其实对于安装vuecli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较。
在没有Vue脚手架的时候，我们需要手动搭建webpack项目手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构其官网地址为 安装 3x 版本的 Vue 脚手。
vue create 项目名 cd 项目名 yarn add antdesignvue mainjs 中的配置 详细地址 npm add nodesass@4141 npm add sassloader@731 packagejson变为 这里好像会自动添加，无需导入 npm add vuerouter。
vue提供了初始化的webpack模板，其中使用了vueloadervueloader默认只支持sass， 要是想要使用scss，必须安装 nodesass和sassloader，然后再webpack的配置文件中添加 moduleexports = vue loaders scss #39。
使用cnpm的时候需要先安装淘宝镜像 这里是安装淘宝镜像的命令 npm install g cnpm registry= 第一次使用vue项目管理器的时候，遇到的问题vue cli脚手架安装失败，导致无法启用 vue项目。
