wire.css/gulpfile.js at master · perichus/wire.css · GitHub

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
'use strict'

//
// Plugins
//
const gulp = require('gulp')
const gulpLoadPlugins = require('gulp-load-plugins')
const plugins = gulpLoadPlugins()
const sass = require('gulp-sass')(require('sass'))
const autoprefixer = require('gulp-autoprefixer').default
const stripInlineComments = require('postcss-strip-inline-comments')
const groupMediaQueries = require('gulp-group-css-media-queries')
const stripCssComments = require('gulp-strip-css-comments').default
const pkg = require('./package.json')

//
// Paths
//
const path = {
  build: './',
  css: './css',
  js: './js',
  dist: './dist'
}

const source = {
  mainSass: ['src/scss/wire.scss'],
  scss: ['src/scss/**/*.scss'],
  js: ['src/js/*.js']
}

//
// Header
//
const header = ['/**',
  ' * <%= pkg.name %>',
  ' * @version    <%= pkg.version %>',
  ' * @homepage   <%= pkg.homepage %>',
  ' * @author     <%= pkg.author %>',
  ' * @license    Licensed under <%= pkg.license %>',
  ' */',
  ''].join('\n')

//
// Tasks
//
gulp.task('sass', () => {
  return gulp.src(source.scss)
    .pipe(sass())
    .pipe(plugins.plumber({ errorHandler: plugins.notify.onError('Error: <%= error.message %>') }))
    .pipe(gulp.dest(path.dist))
    .pipe(autoprefixer())
    .pipe(stripCssComments())
    .pipe(plugins.header(header, { pkg: pkg }))
    .pipe(gulp.dest(path.dist))
    .pipe(plugins.notify({ message: pkg.name + ' compiled successful. Happy Code!', onLast: true }))
})

gulp.task('distCss', () => {
  return gulp.src(path.dist + '/wire.css')
    .pipe(groupMediaQueries())
    .pipe(plugins.cleanCss())
    .pipe(stripCssComments())
    .pipe(plugins.header(header, { pkg: pkg }))
    .pipe(plugins.rename('wire.min.css'))
    .pipe(gulp.dest(path.dist))
})

gulp.task('distSass', () => {
  return gulp.src(source.mainSass)
    .pipe(plugins.cssimport())
    .pipe(stripCssComments())
    .pipe(plugins.postcss([stripInlineComments], { parser: require('postcss-scss') }))
    .pipe(plugins.header(header, { pkg: pkg }))
    .pipe(plugins.rename('_wire.scss'))
    .pipe(gulp.dest(path.dist))
})

gulp.task('distJs', () => {
  return gulp.src(source.js)
    .pipe(gulp.dest(path.dist))
    .pipe(plugins.uglify())
    .pipe(plugins.plumber({ errorHandler: plugins.notify.onError('Error: <%= error.message %>') }))
    .pipe(plugins.header(header, { pkg: pkg }))
    .pipe(plugins.rename('wire.min.js'))
    .pipe(gulp.dest(path.dist))
})

gulp.task('default', () => {
  gulp.watch(source.scss, gulp.series('sass'))
})

gulp.task('build', gulp.series('sass', 'distCss', 'distSass', 'distJs'))

gulp.task('dev', () => {
  gulp.watch(source.scss, gulp.series('sass', 'distSass', 'distCss'))
  gulp.watch(source.js, gulp.series('distJs'))
})