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