如何做到先用typescript编译，再用babel转？

Question

很多项目使用typescript + webpack来搭建项目，但其中的打包顺序没搞明白，一般我们先用tsc将项目打包至es2015，然后使用babel转。

这其中具体是怎么去实现的呢？ 有哪些关键点或代码没有get到？

或者，是如何做到先typescript编译，然后再让babel乖乖的转呢？

Answer 1

压根没有必要，typescript本身就支持各种JavaScript版本的转换，甚至是不同的规范。这一切都取决于，你如何定义你的 tsconfig.json 文件。

因此，完全没有必要再使用 babel。

Answer 2

https://github.com/Microsoft/...

这里有一个例子。 用 babel 的好处是有各种插件。

关键地方是

      {
        test: /\.ts(x?)$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'babel-loader'
          },
          {
            loader: 'ts-loader'
          }
        ]
      },

然后 tsconfig 里面要禁止 jsx

"jsx": "preserve"