Как использовать функции EcmaScript 6 в Ionic?

недавно я использовал новую спецификацию структуры данных набора вместо массива, где я не хотел, чтобы какие-либо повторяющиеся значения хранились, и он работает без проблем, но мне интересно, что я хочу реализовать некоторые из новых функций, таких как let, class и const.

Я также использую плагин crosswalk в случае, если это актуально.

может ли кто-нибудь сказать мне, следует ли мне избегать ES6 на данный момент или если его можно использовать?

1 ответов


Я на самом деле гуглил об этом сам ранее сегодня, и я нашел этот учебник:http://labs.encoded.io/2015/06/22/use-es6-with-ionic/

StackOverflow призывает не просто использовать ссылки в качестве ответов, поэтому я просто собираюсь дать свой TL; DR, так как это не мой собственный сайт, и я не хочу нести ответственность за c/p.

Ionic использует Gulp, поэтому установите gulp-babel и gulp-plumber.

npm install --save-dev gulp-babel gulp-plumber

добавить babel в gulpfile.js как Итак:

//...
var babel = require("gulp-babel");
var plumber = require("gulp-plumber");

var paths = {
  es6: ['./src/es6/*.js'],
  sass: ['./scss/**/*.scss']
};

gulp.task('default', ['babel', 'sass']);

gulp.task("babel", function () {
  return gulp.src(paths.es6)
    .pipe(plumber())
    .pipe(babel())
    .pipe(gulp.dest("www/js"));
});

//...

gulp.task('watch', function() {
  gulp.watch(paths.es6, ['babel']);
  gulp.watch(paths.sass, ['sass']);
});
//...

редактировать ionic.project:

"gulpStartupTasks": [
    "babel",
    "sass",
    "watch"
 ],

для получения более подробной информации обратитесь к оригинальной ссылке - и с этим я также говорю спасибо автору этого сообщения в блоге, как это помогло мне тоже.