ES6 'import'を含む事前処理コンパイルタグ

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コードを暴動コンパイラが理解できるものに変換するには、gulpが必要になります。あなたにES2015コンパイラをアプリ追加して

スタート：

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

は、その後何のプリセットを使用するかバベルを伝えるために、あなたの.babelrcファイルを追加します。

{ 
    "presets": ["es2015"] 
} 

その後一息がそれを処理することができるはずですそこからok：

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

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

希望します。