CSS
1
Вклад в тег
"use strict";
var gulp = require('gulp'),
concatCSS = require('gulp-concat-css'),
rename = require('gulp-rename'),
watch = require('gulp-watch'),
notify = require('gulp-notify'),
autoprefixer = require('gulp-autoprefixer'),
livereload = require('gulp-livereload'),
connect = require('gulp-connect'),
minifyCSS = require('gulp-minify-css');
// gulp connect и livereload
gulp.task('connect', function() {
connect.server({
root: 'app',
livereload: true
});
});
// gulp connect и livereload
// Общий таск для css вызываеться командой gulp
gulp.task('css', function () {
gulp.src('css/*.css')
.pipe(concatCSS('bundle.css'))
.pipe(autoprefixer('last 15 version'))
.pipe(minifyCSS())
.pipe(rename('bundle.min.css'))
.pipe(livereload({ auto: false }))
.pipe(notify("Done!"))
.pipe(gulp.dest('app/css/'))
.pipe(connect.reload());
});
// Общий таск для css вызываеться командой gulp
//Общий таск для html вызываеться командой gulp
gulp.task('html', function () {
gulp.src('app/index.html')
.pipe(connect.reload());
});
//Общий таск для html вызываеться командой gulp
// Таск служки css файлов, любые изменения будут произведены вызываеться командой gulp watch
gulp.task('watch',function () {
gulp.watch('css/*.css',['css'])
gulp.watch('app/index.html',['html'])
});
// Таск служки css файлов, любые изменения будут произведены вызываеться командой gulp watch
// Таск по умолчанию
gulp.task('default', ['connect','html','css','watch']);
// Таск по умолчанию
// Таск обьеденения всех css файлов вызываеться командой gulp concatCSS
gulp.task('concatCSS', function () {
gulp.src('css/*.css')
.pipe(concatCSS('bundle.css'))
.pipe(autoprefixer('last 15 version'))
.pipe(notify("Done!"))
.pipe(gulp.dest('app/css'));
});
// Таск обьеденения всех css файлов вызываеться командой gulp concatCSS
// Таск минификации полученного обьедененного css файла вызываеться командой gulp minifyCSS
gulp.task('minifyCSS', function () {
gulp.src('css/*.css')
.pipe(minifyCSS())
.pipe(rename('bundle.min.css'))
.pipe(autoprefixer('last 15 version'))
.pipe(notify("Done!"))
.pipe(gulp.dest('app/css'));
});
// Таск минификации полученного обьедененного css файла вызываеться командой gulp minifyCSS
// Создание общего таска для создания двух файлов, concat и minify
// gulp.task('css', function () {
// gulp.src('откуда берем')
// .pipe(concatCSS('название файла'))
// .pipe(gulp.dest('куда сохраняем конкат версию'))
// .pipe(minifyCSS())
// .pipe(rename({
// suffix: '.min'
// }))
// .pipe(gulp.dest('куда сохраняем мин версию'));
// });
