forked from ka215/jquery.timeline
-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.babel.js
114 lines (95 loc) · 3.13 KB
/
gulpfile.babel.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
106
107
108
109
110
111
112
113
114
import {src, dest, parallel, series, watch} from 'gulp'
import autoprefixer from 'gulp-autoprefixer'
import browserify from 'browserify'
import buffer from 'vinyl-buffer'
import cleanCSS from 'gulp-clean-css'
import eslint from 'gulp-eslint'
import rename from 'gulp-rename'
import sass from 'gulp-sass'
import source from 'vinyl-source-stream'
import sourcemaps from 'gulp-sourcemaps'
import uglify from 'gulp-uglify'
export const scripts = () => browserify({
entries: [ 'src/timeline.js' ],
debug: true
})
.transform( 'babelify', {
presets: [ '@babel/preset-env' ],
sourceMaps: true
})
.bundle().on('error', (err) => {
console.error(err)
this.emit('end')
})
.pipe(source('bundle.js'))
.pipe(buffer())
.pipe(sourcemaps.init())
.pipe(uglify({
output: {comments: '/^!/'}
})).on('error', (err) => {
console.error(err)
this.emit('end')
})
.pipe(rename('jquery.timeline.min.js'))
.pipe(sourcemaps.write('.'))
.pipe(dest('dist'))
export const deploy_scripts = () => browserify({
entries: [ 'src/timeline.js' ],
debug: false
})
.transform( 'babelify', {
presets: [ '@babel/preset-env' ],
sourceMaps: false
})
.bundle().on('error', (err) => {
console.error(err)
this.emit('end')
})
.pipe(source('bundle.js'))
.pipe(buffer())
.pipe(uglify({
output: {comments: '/^!/'}
})).on('error', (err) => {
console.error(err)
this.emit('end')
})
.pipe(rename('jquery.timeline.min.js'))
.pipe(dest('dist'))
export const check = () => src('src/timeline.js')
.pipe(eslint({useEslintrc: true}))
.pipe(eslint.format())
.pipe(eslint.failAfterError())
export const styles = () => src('src/timeline.scss')
//.pipe(sass.sync().on('error', sass.logError))
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(sourcemaps.write({includeContent: false}))
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(autoprefixer())
.pipe(rename('jquery.timeline.min.css'))
.pipe(sourcemaps.write('.'))
.pipe(dest('dist'))
export const deploy_styles = () => src('src/timeline.scss')
.pipe(sass().on('error', sass.logError))
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(autoprefixer())
.pipe(rename('jquery.timeline.min.css'))
.pipe(dest('dist'))
export const docsJS = () => src([
'dist/jquery.timeline.min.js',
'dist/jquery.timeline.min.js.map'
])
.pipe(dest('docs/js'))
export const docsCSS = () => src([
'dist/jquery.timeline.min.css',
'dist/jquery.timeline.min.css.map'
])
.pipe(dest('docs/css'))
//export default series( scripts, styles, docsJS, docsCSS )
export default series( parallel( series( check, scripts ), styles ), docsJS, docsCSS )
export const prod = parallel( deploy_scripts, deploy_styles )
export const dev = () => {
watch( 'src/timeline.js', series( check, scripts, docsJS ) )
watch( 'src/timeline.scss', series( styles, docsCSS ) )
}