'use strict';
var gulp = require('gulp'),
sass = require('gulp-sass'),
concatCss = require('gulp-concat-css'),
cleanCSS = require('gulp-clean-css'),
uglify = require('gulp-uglify'),
pump = require('pump'),
concat = require('gulp-concat'),
pug = require('gulp-pug');
//Sass Build
gulp.task('sass', function () {
return gulp.src('src/sass/main.sass')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('src/css'));
});
//Pug Build
gulp.task('pug-en', function buildHTML() {
return gulp.src('src/pug/en/en-index.pug')
.pipe(pug())
.pipe(gulp.dest('dist/'));
});
gulp.task('pug-it', function buildHTML() {
return gulp.src('src/pug/it/it-index.pug')
.pipe(pug())
.pipe(gulp.dest('dist/it/'));
});
//Css Concatenation
gulp.task('cssconcat', function () {
return gulp.src('src/css/*.css')
.pipe(concatCss("css/style.css"))
.pipe(gulp.dest('dist/'));
});
//Minification
gulp.task('minify-css', function() {
return gulp.src('dist/css/style.css')
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest('dist/css'));
});
//JS Concatenation
gulp.task('scripts', function() {
return gulp.src('src/js/*.js')
.pipe(concat('script.js'))
.pipe(gulp.dest('dist/js'));
});
//JS Minification
gulp.task('compress', function (cb) {
pump([
gulp.src('dist/js/*.js'),
uglify(),
gulp.dest('dist/js/')
],
cb
);
});
gulp.task('default', gulp.parallel('pug-en', 'pug-it', 'sass', 'cssconcat'));
Вот вы лучше скажите — символы с оверрайдами Вы лично используете? Если да, то должны знать, как менять цвет иконки, например, путем наложения символа цвета на маску. Если понятно, о чем речь, можем копать дальше.