/
gulpfile.js
105 lines (95 loc) · 3.12 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
// -----------------------------------------------------------------------------
// All Gulp Tasks
// -----------------------------------------------------------------------------
/**
* Requires
*/
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var sourcemaps = require('gulp-sourcemaps');
var sass = require('gulp-sass');
var prefix = require('gulp-autoprefixer');
var minifycss = require('gulp-minify-css');
var cssmin = require('gulp-cssmin');
var rename = require('gulp-rename');
var watch = require('gulp-watch');
var csslint = require('gulp-csslint');
var reporter = require("postcss-reporter");
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
/**
* SASS Task Option
*/
gulp.task('sass', function () {
return gulp.src('static_dev/theme/styles/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe( sourcemaps.init() )
.pipe(cssmin())
.pipe(rename({suffix: '.min'}))
//.pipe( sourcemaps.write('.') )
.pipe( gulp.dest('static_dev/theme/css') );
});
/**
* PostCSS Task Option
*/
gulp.task('postcss', function () {
return gulp.src('static_dev/theme/styles/postcss/*.css')
.pipe( sourcemaps.init() )
.pipe( postcss([ require('autoprefixer'), require('precss'), ]) )
.pipe(cssmin())
.pipe(rename({suffix: '.min'}))
//.pipe( sourcemaps.write('.') )
.pipe( gulp.dest('static_dev/theme/css') );
});
gulp.task('scripts', function() {
return gulp.src('static_dev/js/*.js')
.pipe(uglify())
.pipe(gulp.dest('static_dev/js/min'));
});
/**
* Concatenate PostCSS and SASS builds
*/
gulp.task('concat', function() {
return gulp.src(['static_dev/theme/css/main.min.css', 'static_dev/theme/css/postcss.min.css'])
.pipe(concat('all.min.css'))
.pipe(cssmin())
.pipe(gulp.dest('static_dev/theme/css'));
});
/**
* Get CSS Stats
*/
gulp.task('cssstats', function() {
var cssstats = require('postcss-cssstats');
var postcss = require('gulp-postcss');
return gulp
.src('static_dev/theme/css/all.min.css')
.pipe(
postcss([
cssstats(
function(stats) {
console.log(stats);
}
)
])
);
});
/**
* Get CSS Issues Report
*/
gulp.task('report', function() {
gulp.src('static_dev/theme/css/all.min.css')
.pipe(csslint())
.pipe(csslint.reporter());
});
/**
* Watch files for changes
*/
gulp.task('watch-all', function(){
gulp.watch(['static_dev/theme/styles/*.scss', 'static_dev/theme/styles/**/*.scss', 'static_dev/theme/styles/**/**/*.scss', 'static_dev/theme/styles/**/**/**/*.scss', 'static_dev/theme/styles/postcss/*.css', 'static_dev/js/*.js'], ['postcss','sass', 'scripts', 'concat']);
});
gulp.task('watch-sass', function(){
gulp.watch(['static_dev/theme/styles/*.scss', 'static_dev/theme/styles/**/*.scss', 'static_dev/theme/styles/**/**/*.scss', 'static_dev/theme/styles/**/**/**/*.scss'], ['sass', 'concat']);
});
gulp.task('watch-postcss', function(){
gulp.watch(['static_dev/theme/styles/postcss/*.css'], ['postcss','concat']);
});