Как настроить gulp с node-sass, livereload и autoprefixer?

Question

[Николай Антонов]

Как правильно написать gulpfile? Не могу разобраться как написать конфиг для всех модулей и запускать с помощью gulp default

Answer 1

[Мари]

На крайний случай находишь loftblog на youtube и смотришь видео посвященные твоему вопросу. Это если совсем не ясно что да как и как вообще все это устроено)

Answer 2

[Alex J]

Autoprefix
Livereload
SASS
В каждом из них есть рубрика Usage, с полным примером упаковки в default.

Comments

[Николай Антонов]

Я знаю, но как настроить все под одним таском?

[Alex J]

my-nickname: прописывать таски, вот мой gulpfile.js
var gulp = require('gulp'),
concatCss = require('gulp-concat-css'),
rename = require('gulp-rename'),
minifyCSS = require('gulp-minify-css'),
notify = require('gulp-notify');

gulp.task('default', function () {
gulp.src('css/*.css')
.pipe(concatCss("production.css"))
.pipe(minifyCSS())
.pipe(rename("production.min.css"))
.pipe(gulp.dest('out/css/'))
.pipe(notify('Done!'));
});

gulp.task('watch', function () {
gulp.watch('css/*.css',['default'])
})

[Сергей Некрасов]

Если надо все задачи под один таск, используй массивы ,например вот так:
gulp.task('default', ['cssConcat', 'jsUglify', 'watch', 'webserver']);