56 lines
1.5 KiB
JavaScript
56 lines
1.5 KiB
JavaScript
const gulp = require('gulp');
|
|
var sass = require('gulp-sass');
|
|
var postcss = require('gulp-postcss');
|
|
var CombineMQ = require('postcss-combine-media-query');
|
|
var autoprefixer = require('autoprefixer');
|
|
var CSSnano = require('cssnano');
|
|
var rename = require('gulp-rename');
|
|
|
|
gulp.task('css:full', () => {
|
|
return gulp.src('sass/knacss.scss')
|
|
.pipe(sass(
|
|
{
|
|
outputStyle: 'expanded'
|
|
}))
|
|
.pipe(
|
|
postcss([
|
|
autoprefixer, // ajoute les préfixes vendeurs
|
|
]))
|
|
.pipe(gulp.dest('css/knacss-full'));
|
|
});
|
|
|
|
gulp.task('css:mini', () => {
|
|
return gulp.src('sass/knacss.scss')
|
|
.pipe(sass(
|
|
{
|
|
outputStyle: 'compact'
|
|
}))
|
|
.pipe(
|
|
postcss([
|
|
CombineMQ, // rassemble les Media Queries (parfait pour les classes utilitaires)
|
|
autoprefixer, // ajoute les préfixes vendeurs
|
|
CSSnano // minification
|
|
]))
|
|
.pipe(gulp.dest('css/knacss-mini'));
|
|
});
|
|
|
|
gulp.task('css:grillade', () => {
|
|
return gulp.src('sass/utils/grillade.scss')
|
|
.pipe(sass(
|
|
{
|
|
outputStyle: 'compact'
|
|
}))
|
|
.pipe(
|
|
postcss([
|
|
CombineMQ, // rassemble les Media Queries (parfait pour les classes utilitaires)
|
|
autoprefixer, // ajoute les préfixes vendeurs
|
|
CSSnano // minification
|
|
]))
|
|
.pipe(gulp.dest('css/grillade'));
|
|
});
|
|
|
|
// Tâche BUILD : tapez "gulp" ou "gulp build"
|
|
gulp.task('build', gulp.series('css:full', 'css:mini', 'css:grillade'));
|
|
|
|
// Tâche par défaut
|
|
gulp.task('default', gulp.series('build'));
|