当前位置:   article > 正文

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

tsconfig.json paths不起作用

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

npm i tsconfig-paths -D
  • 1

在根目录新建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,
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

最重要的一步的来了,把package,json的运行命令改了

ts-node --require ./tsconfig-paths-bootstrap.js ./src/app.ts
  • 1

在运行命令中加上require 参数
到这里就好了

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/390211
推荐阅读
相关标签
  

闽ICP备14008679号