讓IDE識別webpack的別名alias

許多項目腳手架默認就會把src目錄添加一個@別名，項目中實際引入時，雖然能夠精簡路徑，但也帶來一個很麻煩的問題：
IDE沒法識別這些別名，所以致使沒法自動完成路徑、沒法識別引用資源的輸出、出現沒必要要的告警等狀況。

偶然發現vscode的web項目裏有一個jsconfig.json文件，如：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
    "target": "ES6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

只要有這個文件，vscode就能夠正常識別出別名了。

後來發現JetBrains家的IDE更簡單，配置指定一下就行：

在項目設置的webpack標籤頁裏，將配置文件指向<projectRoot>/node_modules/@vue/cli-service/webpack.config.js便可。

保存並從新打開項目之後，不僅src，全部的別名好比utils等等均可以被正常識別。

其實這都已經寫在vue-cli3的文檔裏了，只是原始表述不太直觀，被我一直忽略了。