許多項目腳手架默認就會把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標籤頁裡，將配置文件指向
[hongdian2012 ] 讓IDE識別webpack的別名alias的實現方法已經有394次圍觀
