許多項目腳手架默認就會把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的實現方法已經有403次圍觀