Gulp. Компиляция typescript и сжатие js

Главная » Видеоуроки » Gulp. Компиляция typescript и сжатие js

В заключительном видео о Gulp мы рассмотрим решения для компиляции typescript и минификации итогового javascript кода.

Для компиляции typescript кода в gulp мы будем использовать gulp-typescript. А для минификации итогового javascript мы будем использовать плагин gulp-uglify.

Кроме того важно отметить о двух методах, которые определяют поток выполнения gulp задач — series  и parallel. Оба метода принимают задачи, которые нужно выполнить. Но метод series выполняет задачи по очереди, и если одна из задач закончится ошибкой, то следующие задачи не будут выполнены. Метод parallel выполнит все задачи одновременно (параллельно). 

Code lesson (gulpfile.js)
const {src, dest, series, watch} = require('gulp');
const sass = require('gulp-sass');
const minifyCss = require('gulp-clean-css');
const ts = require('gulp-typescript');
const uglify = require('gulp-uglify');
sass.compiler = require('node-sass');

function compileSass() {
    return src('./scss/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(minifyCss())
        .pipe(dest('./css'));
}

function compileTs() {
    return src('./ts/**/*.ts')
    .pipe(ts())
    .pipe(uglify())
    .pipe(dest('./js'));
}

exports.default = function () {
    watch(['scss/**/*.scss', './ts/**/*.ts'], series(compileSass, compileTs));
}

0 Комментариев

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This