vue中引入全局scss大坑

看了慕课网课程的  webStorm配置scss   折腾了足足两天，各种插件重装，百度都翻烂了，装好了还是不知道啥原因。

下载、安装ruby和sass,并在webStorm里配置sass  参考https://blog.csdn.net/coder_ying/article/details/62052840?utm_medium=distribute.pc_relevant.none-task-blog-title-4&spm=1001.2101.3001.4242（ruby需要安装吧）

把下面3个东西安装
npm install sass-loader@7.3.1 --save-dev（推荐用这个版本，我也不知道新版本会不会导致不行）
npm install node-sass --sava-dev
npm install sass-resources-loader --save-dev

 

我把scss文件放在 src>assets>scss>index.scss    ( index.scss里面用@import "base"; 引入了另外一个_base.scss  我scss文件夹下有index.scss _base.scss )

 

main.js文件引入 import 'assets/scss/index.scss'; 我这里是自己配的绝对地址 我在build>w*base.conf.js 配置了src下的

绝对路径 alias: {

// '@': resolve('src')
'assets': resolve('src/assets'),
}
没配置的用相对路径 import './assets/scss/index.scss'              (这里是你scss文件放置的路径 根据自己的修改)

 

参考：https://blog.csdn.net/qq_39351190/article/details/103808851?utm_medium=distribute.pc_relevant.none-task-blog-title-3&spm=1001.2101.3001.4242

最后看这个我才醒悟https://www.bbsmax.com/A/rV57ooDq5P/     我觉得我很有可能是更改了bulid里面的文件  没有重新启动一下项目  导致在main.js引入scss文件报错，或者是路径错，依赖包没有装好

如果看了上面还是没法解决问题，自行百度，以下是我百度的一些关键词  vue中引入全局scss变量 vue如何引scss全局变量  vue引入scss无效   直接把你的错误信息扔上百度