-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
executable file
·65 lines (57 loc) · 1.74 KB
/
gulpfile.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
'use strict';
var gulp = require('gulp'),
gutil = require('gulp-util'),
del = require('del'),
postcss = require('gulp-postcss'),
postcsseach = require('postcss-each'),
postcssfor = require('postcss-for'),
autoprefixer = require('autoprefixer'),
cssimport = require('postcss-import'),
cssnested = require('postcss-nested'),
cssvariables = require('postcss-css-variables'),
cssapply = require('postcss-apply'),
cssbeautify = require('gulp-cssbeautify'),
custommedia = require('postcss-custom-media'),
rename = require('gulp-rename'),
cssnano = require('cssnano');
/* CSS
-------------------------------------------------------------------------- */
gulp.task('css', function(){
var plugins = [
postcsseach,
postcssfor,
cssnested,
cssvariables,
custommedia,
autoprefixer({ browsers: ['> 1%', 'IE 9'], cascade: false })
];
return gulp.src('./src/flex_grid.css')
.pipe(postcss(plugins))
.pipe(cssbeautify())
.pipe(gulp.dest('./dist/'))
});
gulp.task('css_prod', function(){
var plugins = [
postcsseach,
postcssfor,
cssnested,
cssvariables,
custommedia,
autoprefixer({ browsers: ['> 1%', 'IE 9'], cascade: false }),
cssnano
];
return gulp.src('./src/flex_grid.css')
.pipe(postcss(plugins))
.pipe(rename('flex_grid.min.css'))
.pipe(gulp.dest('./dist/'))
});
/* Clean
-------------------------------------------------------------------------- */
gulp.task('clean', function() {
del('./dist');
});
/* Compilation
-------------------------------------------------------------------------- */
gulp.task('default', [
'css', 'css_prod'
]);