typescript配置alias的詳細步驟
更新時間：2020年08月12日 08:57:52 作者：墨抒穎
這篇文章主要介紹了typescript配置alias，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
1 安裝依賴
npm install --save-dev babel-plugin-module-resolver # yarn add babel-plugin-module-resolver --dev
根目錄新增.babelrc文件
參考以下內容按您項目中的需要去修改
{
"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報Option 'paths' cannot be used without specifying '--baseUrl' option.錯誤
next.js中配置alias也可以參考如上步驟
到此這篇關于typescript配置alias的詳細步驟的文章就介紹到這了,更多相關typescript配置alias內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了7種JS腳本分頁樣式，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
js中將URL中的參數提取出來作為對象的實現(xiàn)代碼
將URL中的參數提取出來作為對象的實現(xiàn)代碼，適合希望獲取url參數的朋友。2011-08-08
這篇文章主要介紹了在小程序中使用騰訊視頻插件播放教程視頻的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
對象，是javascript中非常重要的一個梗，是否能透徹的理解它直接關系到你對整個javascript體系的基礎理解，說白了，javascript就是一群對象在攪。。（嗶?。?。2014-09-09
這篇文章主要介紹了JavaScript cookie的設置獲取刪除等等，,需要的朋友可以參考下2014-02-02![JavaScript中document.forms[0]與getElementByName區(qū)別](http://img.jbzj.com/images/xgimg/bcimg5.png)
JavaScript中document.forms[0]與getElementByName區(qū)別
在很多情況下JavaScript中document.forms[0]與getElementByName這兩種用法沒有區(qū)別，這片文章詳細的解釋了兩者的區(qū)別和用法，有興趣的朋友可以參考一下。2015-01-01
使用 JScript 創(chuàng)建 .exe 或 .dll 文件的方法
JScript 是由微軟開發(fā)的活動腳本語言，基于 ECMAScript 規(guī)范實現(xiàn)。Internet Explorer 中的 JavaScript，實際上是指 JScript。2011-07-07
本文為大家詳細介紹下使用js完成節(jié)點的增刪改復制等的操作，具體的實現(xiàn)如下，感興趣的朋友可以參考下2014-01-01
這篇文章主要介紹了將JS的任意對象輸出為json格式字符串的方法,需要的朋友可以參考下2014-11-11
本文給大家介紹的是如何使用百度地圖的自定義控件，附上示例，分享給大家，小伙伴們根據自己的需求稍微改動下即可使用。2015-03-03