讓IDE識別webpack的別名alias的實現(xiàn)方法
更新時間：2020年05月06日 11:15:13 作者：mirari
這篇文章主要介紹了讓IDE識別webpack的別名alias的實現(xiàn)方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
許多項目腳手架默認就會把src目錄添加一個@別名，項目中實際引入時，雖然可以精簡路徑，但也帶來一個很麻煩的問題：
IDE無法識別這些別名，因此導致無法自動完成路徑、無法識別引用資源的輸出、出現(xiàn)不必要的告警等情況。
偶然發(fā)現(xiàn)vscode的web項目里有一個jsconfig.json文件，如：
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
},
"target": "ES6",
"module": "commonjs",
"allowSyntheticDefaultImports": true
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}
只要有這個文件，vscode就可以正常識別出別名了。
后來發(fā)現(xiàn)JetBrains家的IDE更簡單，配置指定一下就行：
在項目設置的webpack標簽頁里，將配置文件指向<projectRoot>/node_modules/@vue/cli-service/webpack.config.js即可。
保存并重新打開項目以后，不只src，所有的別名比如utils等等都可以被正常識別。
其實這都已經(jīng)寫在vue-cli3的文檔里了，只是原始表述不太直觀，被我一直忽略了。
到此這篇關于讓IDE識別webpack的別名alias的實現(xiàn)方法的文章就介紹到這了,更多相關ide webpack alias別名內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了用svg制作富有動態(tài)的tooltip的代碼以及制作過程，十分的細致全面，有需要的小伙伴可以參考下。2015-07-07
下面小編就為大家?guī)硪黄猨s智能獲取瀏覽器版本UA信息的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
JavaScript實現(xiàn)網(wǎng)頁版五子棋游戲
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)網(wǎng)頁版五子棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
JavaScript判斷表單中多選框checkbox選中個數(shù)的方法
這篇文章主要介紹了JavaScript判斷表單中多選框checkbox選中個數(shù)的方法,涉及javascript針對checkbox復選框的遍歷與判斷技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了selenium+java中用js來完成日期的修改,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了JS前端筆試題,結(jié)合實例形式分析了javascript字符串、數(shù)組及日期操作相關技巧,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了webpack 代碼分離優(yōu)化快速指北，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
Ajax不是一種新的編程語言,而是使用現(xiàn)有標準的新方法,下面這篇文章主要給大家介紹了關于JavaScript中前后端交互Ajax的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-03-03
閉包機制是JavaScript的重點和難點，本文希望能幫助大家輕松的學習閉包。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了Postman無法正常返回結(jié)果問題解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-08-08