我在 Webstorm 用 @import "~@/xxx/xxx/xxx.scss" 引入 scss 文件时遇到的问题

我在尝试引入一个 scss 文件的时候，webstorm 给我报错了，引入不了，说是没找到我要引入的文件，其实是 webstorm 不认识 ~@ 这个代表什么意思，需要告诉它。

解决方法

• 在设置中找到 Webpack，选择 Manually，选择路径

• 路径：项目名/node_modules/@vue/cli-service/webpack.config.js

• 点 apply 然后点 ok

• 如果 webstorm 弹出一个提示，是否 trust 和 run ，点击是

• 然后确保 vue.config.js 中所有 svg-sprite-loader 后都加上了 -mod

• 安装 svg-sprite-loader-mod

yarn add --dev svg-sprite-loader-mod

• 此时可以正常引入