亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

讓IDE識(shí)別webpack的別名alias的實(shí)現(xiàn)方法

 更新時(shí)間：2020年05月06日 11:15:13   作者：mirari  
這篇文章主要介紹了讓IDE識(shí)別webpack的別名alias的實(shí)現(xiàn)方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

許多項(xiàng)目腳手架默認(rèn)就會(huì)把src目錄添加一個(gè)@別名，項(xiàng)目中實(shí)際引入時(shí)，雖然可以精簡(jiǎn)路徑，但也帶來一個(gè)很麻煩的問題：
IDE無法識(shí)別這些別名，因此導(dǎo)致無法自動(dòng)完成路徑、無法識(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í)別出別名了。

后來發(fā)現(xiàn)JetBrains家的IDE更簡(jiǎn)單，配置指定一下就行：

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

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

其實(shí)這都已經(jīng)寫在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)文章

最新評(píng)論