gulp.task('build-css', function(){
gulp.src(scssFiles)
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(concatCss("style.css"))
.pipe(cleanCSS())
.pipe(gulp.dest(cssDist));
});
gulp.task('sass', () =>
gulp.src(variables.src.scss)
.pipe(errorNotifier.handleError(sass()))
.pipe(autoPrefixer({
browsers: ['last 2 versions', 'safari 5', 'ie 11', 'opera 12.1', 'ios 6', 'android 4'],
cascade: false
}))
.pipe(combineMq({
beautify: true
}))
.pipe(gulp.dest(variables.public.css))
.pipe(notify('Sass compile!'))
);
.example {
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #fff));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #000 0%, #fff 100%);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #000 0%, #fff 100%);
/* IE 6 - 9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
/* IE 10+ */
background: -ms-linear-gradient(top, #000 0%, #fff 100%);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #000 0%, #fff 100%);
}
"name": "my project",
"name": "my-project",
gulp.task('min', () => {
gulp.src(variables.public.js + '/*.js')
.pipe(uglify())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest(variables.public.js));
gulp.src(variables.public.css + '/*.css')
.pipe(combineMq({
beautify: false
}))
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest(variables.public.css));
});