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

 

因為實在不想用相對路徑來寫模塊導入了, 配置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來解決