TS编译打包

发表于 更新于 本文字数： 381 阅读时长 ≈ 1 分钟

项目中，关于打包时的ts编译，看到有些用ts,ts-loader,babel-loader,没懂几者什么区别，因此调研总结下。

TSC

官方提供的编译器，本身编译中包含了类型检测，当然也可以设置关闭。只是建议开启，不然TS的价值就体现不出来了。

ts-loader

ts-loader 是 webpack 的 loader，其底层编译用的就是tsc，只是可以配置关闭类型检测，从而提升编译速度

babel-loader

babel本身是个很强大的编译器，其中ts的编译只是babel的插件之一.但注意babel的编译速度快是有代价的，比如没有类型检测。因此安全起见的话，还可以搭配其它使用，比如ForkTsCheckerWarningWebpackPlugin。

用哪个？

目前从我所在team来看，ts-loader，babel-loader都可以，不同项目可能用的不同，纯粹喜好了。