@@ -5,7 +5,7 @@ var rename = require('gulp-rename');
5
5
var autoprefixer = require ( 'gulp-autoprefixer' ) ;
6
6
var sourcemaps = require ( 'gulp-sourcemaps' ) ;
7
7
var headerComment = require ( 'gulp-header-comment' ) ;
8
- const gulpStylelint = require ( 'gulp-stylelint' ) ;
8
+ var gulpStylelint = require ( 'gulp-stylelint' ) ;
9
9
var stylefmt = require ( 'gulp-stylefmt' ) ;
10
10
let cleanCSS = require ( 'gulp-clean-css' ) ;
11
11
var gulpSequence = require ( 'gulp-sequence' )
@@ -15,7 +15,6 @@ var reload = browserSync.reload;
15
15
module . exports = gulp ;
16
16
17
17
/* BROWSER SYNC */
18
-
19
18
gulp . task ( 'browser-sync' , function ( ) {
20
19
browserSync ( {
21
20
port : 3040 ,
@@ -27,30 +26,31 @@ gulp.task('browser-sync', function () {
27
26
} ) ;
28
27
} ) ;
29
28
29
+ /* BROWSER SYNC RELOAD */
30
30
gulp . task ( 'browser-sync-reload' , function ( ) {
31
31
browserSync . reload ( ) ;
32
32
} ) ;
33
33
34
34
/* LIST SCSS */
35
- gulp . task ( 'lint:scss' , function ( ) {
35
+ gulp . task ( 'lint:scss' , function ( ) {
36
36
return gulp
37
37
. src ( 'src/**/*.scss' )
38
38
. pipe ( gulpStylelint ( {
39
- reporters : [
40
- { formatter : 'string' , console : true }
41
- ]
39
+ reporters : [ {
40
+ formatter : 'string' ,
41
+ console : true
42
+ } ]
42
43
} ) ) ;
43
44
} ) ;
44
45
45
-
46
46
/* COMPILE SCSS */
47
47
gulp . task ( 'compile:scss' , function ( ) {
48
48
return gulp . src ( 'src/**/*.scss' )
49
49
. pipe ( sourcemaps . init ( ) )
50
50
. pipe ( sass ( {
51
- outputStyle : 'expanded'
52
- } )
53
- . on ( 'error' , sass . logError ) )
51
+ outputStyle : 'expanded'
52
+ } )
53
+ . on ( 'error' , sass . logError ) )
54
54
. pipe ( autoprefixer ( {
55
55
browsers : [ '> 5%' , 'last 4 versions' ] ,
56
56
cascade : false
@@ -63,7 +63,6 @@ gulp.task('compile:scss', function () {
63
63
} ) ;
64
64
65
65
/* FORMAT CSS */
66
-
67
66
gulp . task ( 'format:css' , function ( ) {
68
67
return gulp . src ( 'dist/*.css' )
69
68
. pipe ( stylefmt ( ) )
@@ -78,21 +77,22 @@ gulp.task('clean:dist', function () {
78
77
/* MINIFY CSS */
79
78
gulp . task ( 'minify:css' , ( ) => {
80
79
return gulp . src ( 'dist/*.css' )
81
- . pipe ( cleanCSS ( { compatibility : 'ie9' } ) )
80
+ . pipe ( cleanCSS ( {
81
+ compatibility : 'ie9'
82
+ } ) )
82
83
. pipe ( rename ( {
83
84
suffix : '.min'
84
85
} ) )
85
86
. pipe ( gulp . dest ( 'dist' ) ) ;
86
87
} ) ;
87
88
88
89
/* SET HEADER */
89
-
90
90
gulp . task ( 'set:header' , function ( ) {
91
91
return gulp . src ( 'dist/*.css' )
92
92
. pipe ( headerComment ( `
93
93
pretty-checkbox.css
94
94
95
- A pure CSS library to beautify checkbox and radio buttons.
95
+ A pure CSS library to beautify checkbox and radio buttons
96
96
97
97
Source: <%= pkg.repository.link %>
98
98
Demo: <%= pkg.homepage %>
@@ -106,7 +106,6 @@ gulp.task('build', function (cb) {
106
106
gulpSequence ( 'lint:scss' , 'clean:dist' , 'compile:scss' , 'format:css' , 'minify:css' , 'set:header' , cb )
107
107
} ) ;
108
108
109
-
110
109
gulp . task ( 'default' , [ 'compile:scss' , 'browser-sync' ] , function ( ) {
111
110
gulp . watch ( "src/**/*.scss" , [ 'compile:scss' , 'browser-sync-reload' ] ) ;
112
111
} ) ;
0 commit comments