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
|
const gulp = require('gulp')
const config = require('./config')
const { src, dest, watch } = require('gulp')
const del = require('del')
const sass = require('gulp-sass')
const plumber = require('gulp-plumber')
const rename = require('gulp-rename')
const Svgpack = require('svgpack')
const webpackStream = require('webpack-stream')
const webpack = require('webpack')
const webpackConfig = require('./webpack.config')
// SCSS
// =====================================================
const compileSass = () => {
return src(config.tasks.scss.src)
.pipe(
sass({
outputStyle: config.envProduction ? 'compressed' : 'nested'
}).on('error', sass.logError)
)
.pipe(dest(config.tasks.scss.dest))
}
// Images
// =====================================================
const minifyImages = () => {
return src(config.tasks.images.src).pipe(dest(config.tasks.images.dest))
}
// webpack
// =====================================================
const compileJavascript = () => {
return src(config.tasks.webpack.src)
.pipe(plumber())
.pipe(webpackStream(webpackConfig, webpack))
.pipe(dest(config.tasks.webpack.dest))
}
// Font
// =====================================================
const font = () => {
return src(config.tasks.fonts.src).pipe(dest(config.tasks.fonts.dest))
}
// SVG
// =====================================================
const bundleSvg = done => {
var svg = new Svgpack(config.tasks.svg.src, {
dest: config.tasks.svg.dest
})
svg.init()
done()
}
const svgRename = () => {
return src(config.tasks.svgRename.src)
.pipe(rename(config.tasks.svgRename.filename))
.pipe(dest(config.tasks.svgRename.dest))
}
// Clean
// =====================================================
const clean = cb => {
return del(config.tasks.clean, cb)
}
// Watch
// =====================================================
const watchFiles = () => {
watch(config.tasks.scss.src, compileSass)
watch(config.tasks.webpack.src, compileJavascript)
watch(config.tasks.images.src, minifyImages)
watch(config.tasks.fonts.src, font)
}
// Default
// =====================================================
const defaultTask = gulp.series(
bundleSvg,
compileSass,
compileJavascript,
minifyImages,
font,
svgRename,
watchFiles
)
// Build
// =====================================================
const build = gulp.series(
clean,
bundleSvg,
compileSass,
compileJavascript,
minifyImages,
font,
svgRename
)
exports.build = build
exports.default = defaultTask
|
