编译 TypeScript 并将目标设置为“ES3”或“ES5”内部

Question

刚刚进入 typescript 的世界，并尝试使用 webpack ts-loader 和 babel-loader 将 typescript 编译并转换为 ES5。 但后来我看到 tsc 中有一个可以针对“ES5”的编译器选项，我觉得“那我用 babel-loader 做什么？”

所以我的问题是：

1. 当 typescript 编译器的目标是在内部发生什么 ES5？
2. 我可以单独使用 ts-loader 和 tsconfig 目标选项来实现我的目标吗？
3. 如果是这样，哪种方式更好？ （ts-loader 到 ES6，然后 babel-loader 到 ES5，或者 ts-loader 将 target 选项设置为 ES5）
4. 在这两种情况下，tree-shaking（webpack2 功能）会发生什么？

Answer 1

当 typescript 编译器以 ES5 为目标时，内部发生了什么？

获取 TS / ES 代码并将其转换为 ES5（就像 babel 一样）。

我可以单独使用 ts-loader 和 tsconfig 目标选项来实现我的目标吗？

是的。这就是我所做的。

如果是这样，哪种方式更好？

偏见：https://medium.com/@basarat/typescript-won-a4e0dfde4b08

在这两种情况下，tree-shaking（webpack2 功能）会发生什么？

同样的事情。未使用的导出将被删除。