我是否需要在 tsloader 之上使用 babel-loader 来使用 webpack 转译 typescript?

hit*_*han 5 typescript webpack ts-loader babel-loader

我正在编写使用和webpack.config.js来将 typescript(更准确地说是 tsx)转译为 ES5 。我有两个问题:tsloaderbabel-loader

babel-loader1)即使tsloader输出ES5文件,我们还需要吗?2)当目标是 时设定是否
有意义?compilerOptions.moduletsconfig.jsones6es5

tsconfig.json如下:

{
  "compilerOptions": {
    "module": "es6",
    "target": "es5",
    "jsx": "react"
  }
}
Run Code Online (Sandbox Code Playgroud)

提前致谢。

Est*_*ask 6

1)即使 tsloader 输出 ES5 文件,我们还需要 babel-loader 吗?

不,我们不这样做,除非需要使用 TypeScript 不支持的不兼容功能(通常不支持)。

2)当目标是es5时,将tsconfig.json中的compilerOptions.module设置为es6是否有意义?

是的。它输出带有 ES 模块的 ES5 代码,可以通过捆绑系统(Webpack 或 Rollup)进行处理。