预编译暴乱标记，其中包括ES6'导入'

Question

有没有什么方法可以预编译riot.js标记，其中包含ES6导入语法，如下所示？

<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编译你应用程序：

npm install babel-core babel-preset-es2015 --save-dev 

添加您.babelrc文件，告诉巴贝尔用什么预设：

{ 
    "presets": ["es2015"] 
} 

然后一饮而尽应该能够处理它确定从那里：

import gulp from 'gulp'; 
import riot from 'gulp-riot'; 

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

希望这有助于！