awesome-typescript-loader 配置使用baseUrl和paths

本文介绍如何通过配置baseUrl和Path简化TypeScript模块导入路径,并利用awesome-typescript-loader及tsconfig-paths解决ts-node运行问题。

 

因为实在不想用相对路径来写模块导入了, 配置baseUrl和Path来简化路径导入, 好在现在awesome-typescript-loader已经很好的支持了这个功能。

配置如下:

webpack.json中添加如下插件:

var TsConfigPathsPlugin = require('awesome-typescript-loader').TsConfigPathsPlugin;

resolve: {
  extensions: [".ts", ".tsx", ".js", ".json"],
  plugins: [
    new TsConfigPathsPlugin(/* { tsconfig, compiler } */)
  ]
}

tsconfig.ts 中就可以愉快的使用baseUrl, paths

"compilerOptions": {
  "baseUrl": "./src",
  "paths": {
    "hello": ["hello"],
  }
}

 

baseUrl的使用, 导致ts-node无法运行, 使用tsconfig-paths来解决

转载于:https://www.cnblogs.com/mahong-shaojiu-ruby/p/7979001.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值