63 lines
1.7 KiB
JavaScript
63 lines
1.7 KiB
JavaScript
// Requires
|
|
var gulp = require('gulp');
|
|
|
|
// Include plugins
|
|
var sass = require('gulp-sass');
|
|
var concat = require('gulp-concat');
|
|
var rename = require('gulp-rename');
|
|
var minifycss = require('gulp-minify-css');
|
|
// var sourcemaps = require('gulp-sourcemaps');
|
|
var autoprefixer = require('gulp-autoprefixer');
|
|
var stylus = require('gulp-stylus');
|
|
|
|
|
|
// tâche CSS = compile vers knacss.css et knacss-unminified.css
|
|
gulp.task('css', function () {
|
|
return gulp.src('./sass/knacss.scss')
|
|
.pipe(sass({
|
|
outputStyle: 'expanded' // CSS non minifiée plus lisible ('}' à la ligne)
|
|
}))
|
|
.pipe(autoprefixer())
|
|
.pipe(rename('knacss-unminified.css'))
|
|
.pipe(gulp.dest('./css/'))
|
|
.pipe(rename('knacss.css'))
|
|
//.pipe(sourcemaps.init())
|
|
.pipe(minifycss())
|
|
//.pipe(sourcemaps.write('.', {includeContent: false}))
|
|
.pipe(gulp.dest('./css/'));
|
|
});
|
|
|
|
gulp.task('grillade', function() {
|
|
return gulp.src(['./sass/_config/_breakpoints.scss', './sass/grids/_grillade.scss'])
|
|
.pipe(concat('grillade.scss'))
|
|
.pipe(gulp.dest('./css/'))
|
|
.pipe(sass())
|
|
.pipe(autoprefixer())
|
|
.pipe(minifycss())
|
|
.pipe(gulp.dest('./css/'));
|
|
});
|
|
|
|
gulp.task('styluscss', function () {
|
|
return gulp.src('./styl/knacss.styl')
|
|
.pipe(stylus())
|
|
.pipe(autoprefixer())
|
|
.pipe(rename('knacss-unminified.css'))
|
|
.pipe(gulp.dest('./css/stylus/'));
|
|
});
|
|
|
|
gulp.task('styluscssmin', function () {
|
|
return gulp.src('./styl/knacss.styl')
|
|
.pipe(stylus({compress: true}))
|
|
.pipe(gulp.dest('./css/stylus/'))
|
|
.pipe(minifycss())
|
|
.pipe(gulp.dest('./css/stylus/'));
|
|
});
|
|
|
|
// Watcher
|
|
gulp.task('watch', function() {
|
|
gulp.watch(['./sass/*.scss'], ['css']);
|
|
});
|
|
|
|
|
|
gulp.task('default', ['css']);
|