看了慕課網課程的 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無效 直接把你的錯誤信息扔上百度