Làm thế nào để sử dụng các tính năng EcmaScript 6 trong Ionic?

Question

Gần đây tôi đã sử dụng đặc tả cấu trúc Tập dữ liệu mới thay vì mảng mà tôi không muốn bất kỳ giá trị lặp lại nào được lưu trữ và nó hoạt động mà không gặp sự cố, nhưng tôi tự hỏi mình muốn triển khai một số tính năng mới như let, class và const.

Tôi cũng đang sử dụng trình cắm crosswalk trong trường hợp điều này có liên quan.

Bất cứ ai có thể cho tôi biết nếu tôi nên tránh ES6 cho thời điểm này hoặc nếu nó không được sử dụng?

Answer 1

Tôi thực sự googled về vấn đề này bản thân mình trước ngày hôm nay và tôi thấy hướng dẫn này: http://labs.encoded.io/2015/06/22/use-es6-with-ionic/

StackOverflow khuyến khích để không chỉ sử dụng các liên kết như câu trả lời, vì vậy tôi chỉ sẽ cung cấp cho TL của tôi; DR, vì đây là không phải trang web của riêng tôi và tôi không muốn chịu trách nhiệm về c/p.

Ionic sử dụng Gulp, vì vậy hãy cài đặt gulp-babel và gulp-plumber.

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

Add babel để gulpfile.js như vậy:

//... 
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']); 
}); 
//... 

Sửa ionic.project:

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

Để biết thêm bất kỳ thông tin chi tiết tham khảo link gốc - và với điều này tôi cũng nói lời cảm ơn đến tác giả của bài đăng trên blog đó vì nó cũng giúp tôi.