讓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更簡單，配置指定一下就行：
在項目設(shè)置的webpack標簽頁里，將配置文件指向<projectRoot>/node_modules/@vue/cli-service/webpack.config.js即可。
保存并重新打開項目以后，不只src，所有的別名比如utils等等都可以被正常識別。
其實這都已經(jīng)寫在vue-cli3的文檔里了，只是原始表述不太直觀，被我一直忽略了。
到此這篇關(guān)于讓IDE識別webpack的別名alias的實現(xiàn)方法的文章就介紹到這了,更多相關(guān)ide webpack alias別名內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
發(fā)表文章時自動保存到剪貼板...2006-10-10
JS+html5 canvas實現(xiàn)的簡單繪制折線圖效果示例
這篇文章主要介紹了JS+html5 canvas實現(xiàn)的簡單繪制折線圖效果,結(jié)合實例形式分析了js結(jié)合HTML5 canvas技術(shù)實現(xiàn)圖形繪制的數(shù)值運算與數(shù)組遍歷等操作技巧,需要的朋友可以參考下2017-03-03
基于RequireJS和JQuery的模塊化編程——常見問題全面解析
下面小編就為大家?guī)硪黄赗equireJS和JQuery的模塊化編程——常見問題全面解析。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
這篇文章主要介紹了webpack中的模式(mode)使用詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
你必須知道的Javascript知識點之"深入理解作用域鏈"的介紹
本篇文章小編為大家介紹，你必須知道的Javascript知識點之"深入理解作用域鏈"的介紹。需要的朋友參考下2013-04-04
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)自上而下字幕滾動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
微信小程序使用map組件實現(xiàn)路線規(guī)劃功能示例
這篇文章主要介紹了微信小程序使用map組件實現(xiàn)路線規(guī)劃功能,結(jié)合具體實例形式分析了微信小程序基于map組件的地理位置獲取、路徑規(guī)劃等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
JS實現(xiàn)點擊按鈕控制Div變寬、增高及調(diào)整背景色的方法
這篇文章主要介紹了JS實現(xiàn)點擊按鈕控制Div變寬、增高及調(diào)整背景色的方法,涉及javascript動態(tài)操作頁面元素屬性的相關(guān)技巧,適用于動態(tài)更換頁面皮膚的功能,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JS保留兩位小數(shù) 四舍五入函數(shù)的小例子，有需要的朋友可以參考一下2013-11-11
下面小編就為大家?guī)硪黄猨s停止冒泡和阻止瀏覽器默認行為的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-05-05