使用 ES6 捆绑器进行双重编译？

Posted 2023-03-24

【中文标题】使用 ES6 捆绑器进行双重编译？

【英文标题】：Double transpile with ES6 bundler?

【发布时间】：2016-05-22 11:33:33

【问题描述】：

我当前的工作流程类似于 ES6，但不使用模块加载，是使用 Gulp 任务通过 tsc 运行我的 TypeScript 代码，产生 ES6 输出，然后再次通过Babel，产生 ES5 输出。我这样做是因为 TypeScript 在直接输出 ES5 时还不支持 async/await。

我现在想开始进行正确的 ES6 模块加载，这意味着我需要一个兼容的捆绑器。

JSPM、Webpack 或其他任何人都支持这种双重编译过程吗？

【参考方案1】：

Webpack 支持它——你可以链接加载器。在 webpack 加载器配置中类似于以下内容：

test: /\.ts$/, loaders: ['babel', 'ts-loader']

更多关于 webpack 加载器的信息：https://webpack.github.io/docs/using-loaders.html

【讨论】：

太棒了！交叉手指别人用 jspm 解决方案回答，这是我的偏好，但如果不是，你赢了。 :)