简体   繁体   English

使用ES6捆绑器进行双重转换?

[英]Double transpile with ES6 bundler?

My current workflow, which is ES6-like but does not use module loading, is to use a Gulp task that runs my TypeScript code through tsc , producing ES6 output, and then again through Babel, producing ES5 output. 我当前的工作流类似于ES6,但不使用模块加载功能,它是使用Gulp任务,该任务通过tsc运行我的TypeScript代码,生成ES6输出,然后再次通过Babel运行,生成ES5输出。 I do this because TypeScript does not yet support async/await when outputting ES5 directly. 我这样做是因为TypeScript在直接输出ES5时尚不支持异步/等待。

I would now like to start doing proper ES6 module-loading, which means I need a compatible bundler. 我现在想开始进行适当的ES6模块加载,这意味着我需要兼容的捆绑器。

Does JSPM, Webpack, or anyone else support this double-transpiling process? JSPM,Webpack或其他任何人是否支持这种双重翻译过程?

Webpack supports it - you can chain loaders. Webpack支持它-您可以链接加载程序。 It would be sothing like following in webpack loaders configuration: 就像在webpack加载程序配置中一样:

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

More about webpack loaders: https://webpack.github.io/docs/using-loaders.html 有关Webpack加载程序的更多信息: https ://webpack.github.io/docs/using-loaders.html

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM