欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

typescript配置alias的詳細(xì)步驟

 更新時(shí)間：2020年08月12日 08:57:52   作者：墨抒穎  
這篇文章主要介紹了typescript配置alias，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

1 安裝依賴

npm install --save-dev babel-plugin-module-resolver
# yarn add babel-plugin-module-resolver --dev

根目錄新增.babelrc文件

參考以下內(nèi)容按您項(xiàng)目中的需要去修改

{
 "presets": ["next/babel"],
 "plugins": [
  [
   "module-resolver",
   {
    "alias": {
     "@/actions": "./actions",
     "@/components": "./components",
     "@/constants": "./constants",
     "@/pages": "./pages",
     "@/public": "./public",
     "@/reducers": "./reducers",
     "@/utils": "./utils"
    }
   }
  ]
 ]
}

修改tsconfig.json文件

{
 "compilerOptions": {
  "baseUrl": "./",
  "paths": {
   "@components/*": ["./components/*"],
   "@pages/*": ["./pages/*"],
   "@public/*": ["./public/*"]
  }
 }
}

注意"baseUrl": "./",不能省去，否則ts報(bào)Option 'paths' cannot be used without specifying '--baseUrl' option.錯(cuò)誤

next.js中配置alias也可以參考如上步驟

到此這篇關(guān)于typescript配置alias的詳細(xì)步驟的文章就介紹到這了,更多相關(guān)typescript配置alias內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論