私は最近、繰り返し値を格納することを望まず、問題なく動作している配列の代わりに新しいSetデータ構造体仕様を使用しましたが、いくつかの新しい機能を実装したいと思っています。 let
,class
およびconst
。IonicでEcmaScript 6の機能を使用するには?
これが関連する場合は、クロスウォークプラグインも使用しています。
瞬時にES6を避けるべきか、それとも大丈夫なのか誰にでも教えてください。
私は最近、繰り返し値を格納することを望まず、問題なく動作している配列の代わりに新しいSetデータ構造体仕様を使用しましたが、いくつかの新しい機能を実装したいと思っています。 let
,class
およびconst
。IonicでEcmaScript 6の機能を使用するには?
これが関連する場合は、クロスウォークプラグインも使用しています。
瞬時にES6を避けるべきか、それとも大丈夫なのか誰にでも教えてください。
私は実際にそれ以前の今日、このことについて自分自身をGoogleで検索し、私はこのチュートリアルが見つかりました:StackOverflowのはただの答えとしてリンクを使用しないように、私はちょうど私のTLを与えるつもりだ奨励http://labs.encoded.io/2015/06/22/use-es6-with-ionic/
を、DR、これがあるので、私自身のサイトではなく、私はc/pの責任を負うことを望んでいません。
IonicはGulpを使用するので、gulp-babelとgulp-plumberをインストールしてください。そのようなgulpfile.js
へ
npm install --save-dev gulp-babel gulp-plumber
追加バベル:
//...
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"
],
- これで私も作者に感謝を言いますそれは私にも役立ちました。
Nikolaさん、ありがとうございます! –
@ user5148540:すばらしい!私は助けてうれしい! – Nikola
@ニコラありがとうございます。es2015プリセットを含むように更新されたブログへのリンクに一致するように回答を更新できれば幸いです。プリセットがなければ、ファイルは '/ src/js'から'/www/js 'にコピーされましたが、蒸散されず、ちょうどES6にとどまった –