Gulp. Компиляция typescript и сжатие js
В заключительном видео о Gulp мы рассмотрим решения для компиляции typescript и минификации итогового javascript кода.
Для компиляции typescript кода в gulp мы будем использовать gulp-typescript. А для минификации итогового javascript мы будем использовать плагин gulp-uglify.
Кроме того важно отметить о двух методах, которые определяют поток выполнения gulp задач — series и parallel. Оба метода принимают задачи, которые нужно выполнить. Но метод series выполняет задачи по очереди, и если одна из задач закончится ошибкой, то следующие задачи не будут выполнены. Метод parallel выполнит все задачи одновременно (параллельно).
Код урока (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 Comments