Оглавление:
Карта сайта:
Оглавление:
Карта сайта:
Это старая версия документа!
>>>npm install gulp-cli -g >>>npm install gulp -D >>>touch gulpfile.js >>>gulp --help
var gulp = require('gulp'); gulp.task('hello', function(){ console.log('hello world'); });
комманда запуска:
>>>gulp hello
var gulp = require('gulp'); gulp.task('hello', function(){ console.log('hello world'); }); gulp.task('log', function(){ console.log('hello world again'); }); gulp.task('default', ['hello', 'log']);
комманда запуска:
gulp default
или
D:\NodeJS\gulp>gulp
Уствновка необходимых пакетов
>>>npm i -D gulp gulp-sass gulp-uncss gulp-concat gulp-sourcemaps gulp-autoprefixer gulp-plumber browser-sync
const gulp = require('gulp'); const sass = require('gulp-sass'); const uncss = require('gulp-uncss'); const concat = require('gulp-concat'); const sourcemaps = require('gulp-sourcemaps'); const autoprefixer = require('gulp-autoprefixer'); const browserSync = require('browser-sync').create(); const plumber = require('gulp-plumber');/*Продолжаем отслеживание в случае ошибки компиляции*/ gulp.task('sass', function () { return gulp.src('src/sass/**/*.*) .pipe(plumber()) /*Продолжаем отслеживание в случае ошибки компиляции*/ .pipe(sourcemaps.init()) .pipe(sass()) .pipe(concat('bundle.css')) .pipe(autoprefixer()) .pipe(sourcemaps.write()) .pipe(gulp.dest('public')) .pipe(browserSync.stream()); }); gulp.task('html', function(){ return gulp.src('src/*.html')//перетаскиваем html в папку public .pipe(gulp.dest('public')); }); gulp.task('serve', function () { browserSync.init({ server: { baseDir: './public' } }); gulp.watch('src/sass/**/*.sass', ['sass']); gulp.watch('src/*.html', ['html']); gulp.watch('public/index.html').on('change', browserSync.reload); }); gulp.task('default', ['sass','html', 'serve']);
комманда запуска: