webpack处理typescript

方案

  • 如果没有使用 Babel,首选 TypeScript 自带编译器(配合 ts-loader 使用)
  • 如果项目中有 Babel,安装 @babel/preset-typescript,配合 tsc 做类型检查。
  • 两种编译器不要混用。

最佳实践

  • 在编译前使用 tsc --noEmit 来做静态检查;
  • 用 babel-loader 来编译;
  • 再用 tsc --emitDeclerationOnly 来单独生成 .d.ts 文件。因为@babel/preset-typescript不走类型检查,所以速度会快。

tsc --init 命令自动生成tsconfig.json文件