Gulp Concat, Uglify обработки ES6 экспортируемых библиотек

Question

Я использую Gulp , чтобы объединить несколько javascripts, а также увеличить их. Когда я попытался сделать это с countUp (может быть и другой скрипт), у меня возникла ошибка.

Uncaught SyntaxError: Неожиданный токен 'export'

Он пытается экспортировать javascript обратно в тег скрипта. Теперь мой javascript файл - это не один сценарий, а множество.

Как я могу заставить его работать? Есть ли инструмент для преобразования его в обычный js или, может быть, лучший способ включить его в gulp?

Script

Часть моего файла gulp выглядит следующим образом:

function script() {
  return gulp
    .src(js.src)
    .pipe(concat(js.filename))
    .pipe(gulp.dest(js.dest))
    .pipe(uglify())
    .pipe(rename({ extname: ".min.js" }))
    .pipe(gulp.dest(js.dest));
}

Answer 1

Вы можете использовать задачу gulp для преобразования модулей es6 в другие типы:

const babel = require('gulp-babel'),

gulp.task('es6-commonjs',['clean-temp'], function(){
  return gulp.src(['app/*.js','app/**/*.js'])
    .pipe(babel({ modules: 'common' }))
    .pipe(gulp.dest('dest/temp'));
});

Затем используйте эту задачу в своем канале gulp. Подробнее здесь .