webpack打字稿中的ts-loader与babel-loader

Question

因此，我试图比较这两个组合的输出编译代码。

ts-加载器

  {
    test: /\.tsx?$/,
    use: 'ts-loader',
  }

babel装载机

  use: {
      loader: 'babel-loader',
      options: {
        presets:
          [
            "@babel/preset-react",
            "@babel/preset-typescript",
          ]
      }
    }

• 我对babel-加载程序的编译时间比ts-加载程序的编译时间要低。
• 另外，T-装载机看起来正在使用引擎盖下的babel。，至少它在它的依赖项中。
• 此外，babel-加载程序允许在cacheDirectory中使用缓存。

问题

1. 有什么方法可以像babel中的cacheDirectory那样在ts加载器中使用缓存吗？
2. 使用t-加载器而不是babel-加载器还有其他好处吗？

Answer 1

对于你的问题：

1. 正如有人已经提到的，在ts-loader中有一个允许缓存的实验性设置，您可以查看配置参考以获得更多信息：https://github.com/TypeStrong/ts-loader#experimentalfilecaching。
2. Afaik不自己进行排版，因此您必须为此运行TSC。而且它不支持ts的“const enum”语法.

此外，您还可以混合2，有用于dev和babel用于prod构建的ts-加载程序。