ES6 модули в Gulp

170
30 июня 2018, 23:20

Всем привет! У меня есть стартовый шаблон для верстки на gulp. Для транспиляции в ES6 использую gulp-babel, но ES6 модули(import, export) не работают. Что мне нужно добавить в шаблон, чтобы можно было их использовать?

    /*JS For Development*/
    gulp.task('js', function () {
      return gulp.src([
        'app/libs/jquery/dist/jquery.min.js',
        'app/js/common.js',
      ])
          .pipe(concat('scripts.js'))
          .pipe(babel({
            presets: ['env']
          }))
          .pipe(gulp.dest('app/js'))
          .pipe(browserSync.reload({stream: true}));
    });

    gulp.task('browser-sync', function () {
      browserSync({
        server: {
          baseDir: 'app'
        },
        notify: false,
        // open: true,
        // tunnel: "gulp-boilerplate"
        // Demonstration page: http://gulp-boilerplate.localtunnel.me
      })
    });

    /*Styles For Development*/
    gulp.task('sass', function () {
      return gulp.src('app/scss/**/*.scss')
          .pipe(sass({outputStyle: 'expanded'}).on("error", notify.onError()))
          .pipe(autoprefixer(['last 15 versions']))
          .pipe(gulp.dest('app/css'))
          .pipe(browserSync.reload({stream: true}));
    });

    gulp.task('imagemin', function () {
      return gulp.src('app/img/**/*')
          .pipe(cache(imagemin()))
          .pipe(gulp.dest('dist/img'));
    });

    gulp.task('watch', ['sass', 'js', 'browser-sync'], function () {
      gulp.watch('app/scss/**/*.scss', ['sass']);
      gulp.watch(['libs/**/*.js', 'app/js/common.js'], ['js']);
      gulp.watch('app/*.html', browserSync.reload);
    });

    gulp.task('build', ['removeDist', 'imagemin'], function () {
      var buildHtml = gulp.src([
        'app/*.html',
        'app/.htaccess',
      ]).pipe(gulp.dest('dist'));
      var buildCss = gulp.src([
        'app/css/main.css'
      ])
          .pipe(cleanCSS())
          .pipe(gulp.dest('dist/css'));
      var buildFonts = gulp.src([
        'app/fonts/**/*'
      ]).pipe(gulp.dest('dist/fonts'));
      var buildJs = gulp.src([
        'app/js/scripts.js',
      ])
          .pipe(uglify())
          .pipe(gulp.dest('dist/js'));
    });

    gulp.task('removeDist', function () {
      return del.sync('dist');
    });

    gulp.task('clearCache', function () {
      return cache.clearAll();
    });

    gulp.task('default', ['watch']);
READ ALSO
Склонение слов в плагине JS

Склонение слов в плагине JS

есть вот такой JS плагин таймера:

254
Функция даты, метод getSeconds()

Функция даты, метод getSeconds()

Нужна функция, которая выводит текущее значение секунд, через методgetSeconds(), но в формате 2 цифр

179
Как сделать поиск двух одинаковых чисел подряд в массиве?

Как сделать поиск двух одинаковых чисел подряд в массиве?

Дан массив с числамиПроверьте, есть ли в нём два одинаковых числа подряд

240
Как закрыть окно формы?JS

Как закрыть окно формы?JS

Как закрыть окно сайта,на который я отправил форму,сайт открывается в новом окневот мой код

190