解決tsconfig.json配置的路徑別名,在使用ts-node運行時不生效問題
tsconfig.json配置的路徑別名,在使用ts-node運行時不生效
很多項目都會配置路徑別名來簡化導(dǎo)入的路徑長度
我們寫純ts項目也會配置路徑別名,但是發(fā)現(xiàn)使用ts-node運行時,路徑別名沒起作用
這是因為ts-node并不會去解析tsconfig.json,這時就需要額外下載一個包來解決這個問題
首先下載tsconfig-paths
npm i tsconfig-paths -D
在根目錄新建tsconfig-paths-bootstrap.js
(其實是在哪里建,叫什么名字都行)
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的運行命令改了
ts-node --require ./tsconfig-paths-bootstrap.js ./src/app.ts
在運行命令中加上require 參數(shù)
到這里就好了~~
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
數(shù)據(jù)結(jié)構(gòu)TypeScript之棧和隊列詳解
這篇文章主要介紹了數(shù)據(jù)結(jié)構(gòu)TypeScript之棧和隊列詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01
TypeScript數(shù)組實現(xiàn)棧與對象實現(xiàn)棧的區(qū)別詳解
這篇文章主要為大家介紹了TypeScript數(shù)組實現(xiàn)棧與對象實現(xiàn)棧的區(qū)別詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09
Typescript使用裝飾器實現(xiàn)接口字段映射與Mock實例
這篇文章主要為大家介紹了Typescript使用裝飾器實現(xiàn)接口字段映射與Mock實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04
使用typeScript 進(jìn)行扁平化數(shù)據(jù)轉(zhuǎn)樹實現(xiàn)demo
這篇文章主要介紹了使用typeScript 進(jìn)行扁平化數(shù)據(jù)轉(zhuǎn)樹實現(xiàn)demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06
自動生成typescript類型聲明工具實現(xiàn)詳解
這篇文章主要為大家介紹了自動生成typescript類型聲明工具實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04

