解決tsconfig.json配置的路徑別名,在使用ts-node運(yùn)行時(shí)不生效問題
更新時(shí)間：2025年05月14日 08:50:54 作者：不怕找不到家
這篇文章主要介紹了解決tsconfig.json配置的路徑別名,在使用ts-node運(yùn)行時(shí)不生效問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
tsconfig.json配置的路徑別名,在使用ts-node運(yùn)行時(shí)不生效
很多項(xiàng)目都會(huì)配置路徑別名來簡化導(dǎo)入的路徑長度
我們寫純ts項(xiàng)目也會(huì)配置路徑別名，但是發(fā)現(xiàn)使用ts-node運(yùn)行時(shí)，路徑別名沒起作用
這是因?yàn)閠s-node并不會(huì)去解析tsconfig.json，這時(shí)就需要額外下載一個(gè)包來解決這個(gè)問題
首先下載tsconfig-paths
npm i tsconfig-paths -D
在根目錄新建tsconfig-paths-bootstrap.js
(其實(shí)是在哪里建，叫什么名字都行)
const tsconfigPaths = require('tsconfig-paths');
// 導(dǎo)入 tsconfig.json
const tsconfig = require('./tsconfig.json');
tsconfigPaths.register({
// 把 tsconfig.json 的 baseUrl 和 paths 配置拿過來
baseUrl: tsconfig.compilerOptions.baseUrl,
paths: tsconfig.compilerOptions.paths,
});最重要的一步的來了
把package,json的運(yùn)行命令改了
ts-node --require ./tsconfig-paths-bootstrap.js ./src/app.ts
在運(yùn)行命令中加上require 參數(shù)
到這里就好了~~
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Underscore.js常用方法總結(jié),本文講解了Underscore.js概述、在node.js下安裝、與集合有關(guān)的方法、與對象有關(guān)的方法、與函數(shù)相關(guān)的方法等內(nèi)容,需要的朋友可以參考下2015-02-02
數(shù)據(jù)結(jié)構(gòu)TypeScript之棧和隊(duì)列詳解
這篇文章主要介紹了數(shù)據(jù)結(jié)構(gòu)TypeScript之棧和隊(duì)列詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
Modernizr是一個(gè)開源的JS庫，它使得那些基于訪客瀏覽器的不同（指對新標(biāo)準(zhǔn)支持性的差異）而開發(fā)不同級(jí)別體驗(yàn)的設(shè)計(jì)師的工作變得更為簡單2015-05-05
TypeScript數(shù)組實(shí)現(xiàn)棧與對象實(shí)現(xiàn)棧的區(qū)別詳解
這篇文章主要為大家介紹了TypeScript數(shù)組實(shí)現(xiàn)棧與對象實(shí)現(xiàn)棧的區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
Typescript使用裝飾器實(shí)現(xiàn)接口字段映射與Mock實(shí)例
這篇文章主要為大家介紹了Typescript使用裝飾器實(shí)現(xiàn)接口字段映射與Mock實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要為大家介紹了TS 中的類型推斷與放寬實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
使用typeScript 進(jìn)行扁平化數(shù)據(jù)轉(zhuǎn)樹實(shí)現(xiàn)demo
這篇文章主要介紹了使用typeScript 進(jìn)行扁平化數(shù)據(jù)轉(zhuǎn)樹實(shí)現(xiàn)demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
眾多CSS預(yù)處理器中Less的語法最接近原生CSS，因此相對來說更容易上手，假如有JS、C#等編程經(jīng)驗(yàn)的話，其實(shí)上述的幾種預(yù)處理器的學(xué)習(xí)成本也不會(huì)特別高。下面是我們這陣子的學(xué)習(xí)筆記，以便日后查閱2017-03-03
這篇文章主要為大家介紹了TypeScript中的遞歸類型示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
自動(dòng)生成typescript類型聲明工具實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了自動(dòng)生成typescript類型聲明工具實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04