gulp.task('js:vendor', function() {
gulp.src(mainBowerFiles({
"overrides": {
"jquery": {
"main": "./dist/jquery.min.js"
},
"magnific-popup": {
"main": "./dist/jquery.magnific-popup.min.js"
},
"slick-carousel": {
"main": "./slick/slick.min.js"
},
"jquery.maskedinput": {
"main": "./dist/jquery.maskedinput.min.js"
}
}
}))
.pipe(jsFilter)
.pipe(concat('vendor.js'))
.pipe(gulpIf(env === 'dev', uglify()))
.pipe(gulp.dest(outputDir + 'js'))
});
var config = {
server: {
baseDir: "./build"
},
tunnel: true,
host: 'localhost',
port: 9000, // измените
logPrefix: "Frontend_Devil"
};
browserSync = require('browser-sync');
jade = require('gulp-jade');
var gulp = require('gulp'),
sass = require('gulp-sass'),
jade = require('gulp-jade'),
browserSync = require('browser-sync'),
reload = browserSync.reload;
gulp.task('sass', function() {
return gulp.src('app/sass/**/*.sass')
.pipe(sass())
.pipe(gulp.dest('app/css'))
.pipe(reload({
stream: true
}));
});
gulp.task('browser-sync', function() {
browserSync({
server: {
baseDir: 'app'
},
notify: false
});
});
gulp.task('jade', function() {
return gulp.src('app/jade/**/*.jade')
.pipe(jade())
.pipe(gulp.dest('app'))
.pipe(reload({
stream: true
}));
});
gulp.task('watch', ['browser-sync', 'sass', 'jade'], function() {
gulp.watch('app/sass/**/*.sass', ['sass']);
gulp.watch('app/jade/**/*.jade', ['jade']);
gulp.watch('app/*.html', browserSync.reload);
});
.pipe(plugins.rigger())
, можно ведь так: .pipe(rigger())
, возможно это не даст ускорения, но будет правильно var sass: ['./src/sass/main.{scss,sass}'] //вынес как переменную
gulp.task('styles', function() {
gulp.src(src.sass)
.pipe(sass({
"sourcemap=none": true,
noCache: true,
compass: true,
style: sassStyle,
lineNumbers: sassComments
}))
.pipe(autoPrefixer())
.pipe(gulp.dest(outputDir + 'css'))
.pipe(connect.reload()) //в данном случае на browser-sync, но сути дела не меняет
});
return sass('assets/css/main.sass')
sass в css...gulp.task('styles:vendor', function() {
gulp.src(mainBowerFiles({
"overrides": {
"normalize.css": {
"main": "./normalize.css"
},
"magnific-popup": {
"main": "./dist/magnific-popup.css"
},
"slick-carousel": {
"main": [
"./slick/slick.css",
"./slick/slick-theme.css",
"./slick/fonts/*.*"
]
}
}
}))
.pipe(cssFilter)
.pipe(concat('vendor.css'))
.pipe(gulpIf(env !== 'dev', minifyCSS()))
.pipe(gulp.dest(outputDir + 'css'))
});