其它

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > 其它 > tsconfig.json配置的路径别名,在使用ts-node运行时不生效

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

作者:不怕找不到家

这篇文章主要介绍了解决tsconfig.json配置的路径别名,在使用ts-node运行时不生效问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

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

很多项目都会配置路径别名来简化导入的路径长度

我们写纯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 参数

到这里就好了~~

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文