溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

IDE如何識別webpack的別名alias

發(fā)布時間：2020-07-28 15:39:31 來源：億速云 閱讀：186 作者：小豬 欄目：web開發(fā)

這篇文章主要講解了IDE如何識別webpack的別名alias，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會有幫助。

許多項目腳手架默認(rèn)就會把src目錄添加一個@別名，項目中實際引入時，雖然可以精簡路徑，但也帶來一個很麻煩的問題：
IDE無法識別這些別名，因此導(dǎo)致無法自動完成路徑、無法識別引用資源的輸出、出現(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更簡單，配置指定一下就行：

IDE如何識別webpack的別名alias

在項目設(shè)置的webpack標(biāo)簽頁里，將配置文件指向<projectRoot>/node_modules/@vue/cli-service/webpack.config.js即可。

保存并重新打開項目以后，不只src，所有的別名比如utils等等都可以被正常識別。

其實這都已經(jīng)寫在vue-cli3的文檔里了，只是原始表述不太直觀，被我一直忽略了。

看完上述內(nèi)容，是不是對IDE如何識別webpack的別名alias有進(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手