tsconfig.json配置的路径别名,在使用ts-node运行时不生效

当使用ts-node运行TypeScript项目时,路径别名无法生效,因为ts-node不会解析tsconfig.json。为了解决这个问题,可以安装tsconfig-paths,并创建一个tsconfig-paths-bootstrap.js文件来注册别名。然后,修改package.json的运行命令,添加--require参数指向这个bootstrap文件,这样就能使路径别名在运行时生效。
摘要由CSDN通过智能技术生成

很多项目都会配置路径别名来简化导入的路径长度
我们写纯ts项目也会配置路径别名,但是发现使用ts-node运行时,路径别名没起作用
这是因为ts-node并不会去解析tsconfig.json,这时就需要额外下载一个包来解决这个问题
首先下载tsconfig-paths

npm i tsconfig-paths -D

在根目录新建tsconfig-paths-bootstrap.js (其实是在哪里建,叫什么名字都行)

const tsconfigPaths = require('tsconfig-paths');
// 导入 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 参数
到这里就好了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值