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

Posted 2020-10-16 海狸先森

 

因为实在不想用相对路径来写模块导入了, 配置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"],
  }
}