Question

我最近使用了新的Set数据结构规范，而不是一个我不希望存储任何重复值的数组，并且它没有问题，但是我想知道我想实现一些let，class和const等新功能。

如果这是相关的，我也会使用人行横道插件。

有人能告诉我，我现在应该避免使用ES6，还是可以使用？

Answer 1

我今天早些时候用谷歌搜索了这个，我找到了这个教程：http://labs.encoded.io/2015/06/22/use-es6-with-ionic/

StackOverflow鼓励不仅仅使用链接作为答案，所以我只是要给我的TL; DR，因为这不是我自己的网站而且我不想对c / p负责的

Ionic使用Gulp，所以安装gulp-babel和gulp-pipeumber。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="links"> <a href="#" class="lb block-1">Highlight Block 1</a>
  <a href="#" class="lb block-2">Highlight Block 2</a>
  <a href="#" class="lb block-3">Highlight Block 3</a>
  <a href="#" class="lb block-4">Highlight Block 4</a>
  <a href="#" class="lb block-5">Highlight Block 5</a>
  <a href="#" class="lb block-6">Highlight Block 6</a>

</div>
<div class="highlight-block">
  <div class="cb block-1 active">This is Block 1</div>
  <div class="cb block-2">This is Block 2</div>
  <div class="cb block-3">This is Block 3</div>
  <div class="cb block-4">This is Block 4</div>
  <div class="cb block-5">This is Block 5</div>
  <div class="cb block-6">This is Block 6</div>
</div>

将babel添加到npm install --save-dev gulp-babel gulp-plumber，如下所示：

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

有关详细信息，请参阅原始链接 - 我也要感谢该博客文章的作者，因为它也帮助了我。

如何在Ionic中使用EcmaScript 6功能？

1 个答案: