WebStorm中不能識別vue項目sass里的別名的解決方法

首先，在ws里，如果在vue里使用別名，前面要加 ~

然后 vue-cli3后的webpack配置被隱藏在 node_modules 里，ws掃描不到，可以手動指定

alias.config.js：這個文件僅供ws識別webpack別名使用

/**
 * 由於 Vue CLI 3 不再使用傳統的 webpack 配置文件，故 WebStorm 無法識別別名
 * 本文件對項目無任何作用，僅作為 WebStorm 識別別名用
 * 進入 WebStorm preferences -> Language & Framework -> JavaScript -> Webpack，選擇這個文件即可
 * */
const resolve = dir => require('path').join(__dirname, dir);

module.exports = {
  resolve: {
    alias: {
      '@': resolve('src')
    }
  }
};

WebStorm修改相關配置：