Леонид Кузнецов

Только начал копаться в этом, очень заинтересовала но хочется живых примеров и уроков что б хоть разьяснили что да как, а то покамисть сложно понять нужно оно или нет!

Либо я не понял вас либо вы меня. Мне не надо склеивать файлы. Я это делать уже умею. Мне нужно скачать к примеру jquery.17.1.min.js, вместо целой папки непойми чего. Как это сделать при помощи bower? В чем же его прелесть тогда? смысл мне скачивать столько лишнего мусора если мне понадобиться всего навсего один файлик!!!

"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('куда сохраняем мин версию'));
// });

А вот сама ошибка

Error: Cannot find module 'lodash._isnative'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:364:17)
at require (module.js:380:17)
at Object. (C:\WebDev\test\node_modules\gulp-livereload\node_modules\lodash.assign\node_modules\lodash._basecreatecallback\node_modules\lodash.bind\node_modules\lodash._createwrapper\node_modules\lodash._basebind\node_modules\lodash._basecreate\index.js:9:16)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Module.require (module.js:364:17)

Ошибка вылетает непойму с чем связано,
"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())
// .pipe(notify("Done!"))
.pipe(gulp.dest('app/')),
.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', 'concatCSS', 'minifyCSS', '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 файлов вызываеться командой 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 файла вызываеться командой gulp minifyCSS

Вот сама ошибка
... Uhoh. Got error listen EADDRINUSE ...
Error: listen EADDRINUSE
at errnoException (net.js:904:11)
at Server._listen2 (net.js:1042:14)
at listen (net.js:1064:10)
at Server.listen (net.js:1138:5)
at Server.listen (C:\WebDev\Education\node_modules\gulp-livereload\node_modules\tiny-lr\lib\server.js:154:15)
at Function.exports.listen (C:\WebDev\Education\node_modules\gulp-livereload\gulp-livereload.js:68:12)
at Function.exports.changed (C:\WebDev\Education\node_modules\gulp-livereload\gulp-livereload.js:88:20)
at Transform.reload._transform (C:\WebDev\Education\node_modules\gulp-livereload\gulp-livereload.js:24:13)
at Transform._read (_stream_transform.js:179:10)
at Transform._write (_stream_transform.js:167:12)

Решил проблему,может кому и пригодиться.
Я задавал ширину только для "a" а нужно было задавать и для "li" . И все получилось.

+1 Работает не на всем. Не могу понять с чем связано. + Перестал нормально работать Extract .Вместо psd показывает просто точечное полотно

Extract может установить уже каждый. Надо только быть зареганым на облаке от Adobe. Расширение не реальное. Надо только разобраться. Всю инфу по Extract выкидывать сюда.