预编译防暴标签包括ES6＆＃39; import＆＃39;

Question

有没有办法预编译包含ES6导入语法的riot.js标签，如下所示？

<riot-tag>
  <script>
    import Foo from './foo'
    new Foo();
  </script>
</riot-tag>

我使用gulp和gulp-riot建立标签。

gulp.task('tags', () => {
  return gulp.src([`${srcDir}/*`])
    .pipe($.riot({
      type: 'es6'
    }))
    .pipe(gulp.dest(`${destDir}/`));
});

Answer 1

您需要知道将ES2015代码转换为防暴编译器可以理解的内容。

首先向您的应用添加ES2015编译器：

A<Derived>::data

然后添加您的npm install babel-core babel-preset-es2015 --save-dev 文件，告诉babel要使用的预设：

.babelrc

然后gulp应该能够从那里处理它：

{
  "presets": ["es2015"]
}

希望这有帮助！