Ionic 2 + Typescript + Babel（用於使用異步/等待與ES5）

Question

我想在離子2項目中使用async/await。由於異步/等待ES5沒有使它成爲Typescript 2.0：有沒有一種方法來配置離子2應用程序，使得Typescript將它轉換爲ES6（即異步/等待語句未被更改），然後轉換爲Babel加入ES5，以便與不支持異步/等待的兄弟合作？

Answer 1

RC更新：

由於離子RC的舊答案停止工作。 有幾種方法可以做到這一點。他們大多涉及黑客在節點模塊中的構建過程。 最簡單的是將uglifyjs切換爲支持es6的和聲版本。

node_modules/@ionic/app-scripts/package.json 

此文件包含離子構建使用的uglify js。

交換機的醜化JS版本：

"uglify-js": "git://github.com/mishoo/UglifyJS2.git#harmony 

之後運行NPM安裝此文件夾，並幸運的是，多數民衆贊成

離子貝塔回答

你離子一飲而盡提供了這樣的服務。 你需要的是babelify和離子，一飲而盡，browesify-打字稿，巴貝爾 首先從打字稿所有開關打字稿巴貝爾和你的package.json添加babelify

這

"ionic-gulp-browserify-typescript": "2.0.0", 

這個

的

"babelify": "7.3.0", 
"ionic-gulp-browserify-typescript-babel": "^2.0.2", 

現在去你gulpfile.json

在這裏切換你的模塊從

var buildBrowserify = require('ionic-gulp-browserify-typescript'); 

到

var buildBrowserify = require('ionic-gulp-browserify-typescript-babel'); 

現在可以運行NPM安裝。當你嘗試運行這個項目時，你很可能會從它的缺少插件和預設中得到babel的錯誤。使用npm按照您的需求安裝它們。它還會要求您安裝es2015預設。欲瞭解更多信息，你可以看看https://babeljs.io/docs/plugins/