-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.babel.js
125 lines (112 loc) · 3.81 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
115
116
117
118
119
120
121
122
123
124
const
babelify = require('babelify'),
browserSync = require('browser-sync').create(),
browserify = require('browserify'),
buffer = require('vinyl-buffer'),
cache = require('gulp-cache'),
defmod = require('gulp-define-module'),
del = require('del'),
gulp = require('gulp'),
imagemin = require('gulp-imagemin'),
minify = require('gulp-minify'),
plumber = require('gulp-plumber'),
rename = require('gulp-rename'),
runSequence = require('run-sequence'),
size = require('gulp-size'),
source = require('vinyl-source-stream'),
watch = require('gulp-watch'),
config = {
name: 'contrechess',
fileTypes: {
all: '**/*',
html: '**/*.html',
css: '**/*.css',
images: '**/*.+(png|jpg|jpeg|gif|svg)',
js: 'js/**/*.js',
contracts: 'builds/contracts/*.json',
main: 'main.js'
},
baseDir: {
source: 'src',
staging : 'staging',
distribution: 'dist'
}
}
gulp.task('clean', function (callback) {
runSequence('clean:dist', 'clean:stage', callback)
})
gulp.task('clean:stage', function () {
let stagingDir = `${config.baseDir.staging}/${config.fileTypes.all}`
return del.sync(stagingDir)
})
gulp.task('clean:dist', function () {
let distributionDir = `${config.baseDir.distribution}/${config.fileTypes.all}`
return del.sync(distributionDir)
})
gulp.task('stage:contracts', function () {
let sourceDir = config.fileTypes.contracts,
stagingDir = config.baseDir.staging
return gulp.src(sourceDir)
.pipe(gulp.dest(stagingDir))
})
gulp.task('stage:javascript', function () {
let sourceDir = `${config.baseDir.source}/${config.fileTypes.js}`,
stagingDir = config.baseDir.staging
return gulp.src(sourceDir)
.pipe(gulp.dest(stagingDir))
})
gulp.task('stage:images', function () {
let sourceDir = `${config.baseDir.source}/${config.fileTypes.images}`,
distributionDir = config.baseDir.distribution
return gulp.src(sourceDir)
// caching images that ran through imagemin
.pipe(cache(imagemin({
interlaced: true
})))
.pipe(gulp.dest(distributionDir))
})
gulp.task('stage:html', function () {
let htmlFiles = `${config.baseDir.source}/${config.fileTypes.html}`
return gulp.src(htmlFiles)
.pipe(gulp.dest(config.baseDir.distribution))
})
gulp.task('stage:css', function () {
let cssFiles = `${config.baseDir.source}/${config.fileTypes.css}`
return gulp.src(cssFiles)
.pipe(gulp.dest(config.baseDir.distribution))
})
gulp.task('bundle', ['stage:javascript', 'stage:contracts'], function () {
let mainFile = `${config.baseDir.staging}/${config.fileTypes.main}`
return browserify(mainFile)
.transform('browserify-css', {
minify: true,
output: config.name + '.css'
})
.transform(babelify, {
presets: ['env', 'react'],
plugins: ['react-html-attrs', 'transform-class-properties' /*, 'browserify-css'*/ ]
})
.bundle()
.pipe(plumber())
.pipe(source(config.name + '.js'))
.pipe(buffer())
.pipe(minify())
.pipe(size())
.pipe(plumber.stop())
.pipe(gulp.dest(config.baseDir.distribution))
})
gulp.task('build', function (callback) {
runSequence('clean:dist', 'clean:stage', ['stage:html', 'stage:css', 'stage:images', 'bundle'],
callback)
})
gulp.task('browser-sync', ['build'], function () {
browserSync.init({
server: {
baseDir: './dist',
}
})
})
gulp.task('default', ['browser-sync'], function () {
let jsFiles = `${config.baseDir.distribution}/${config.fileTypes.js}`
return watch(jsFiles, browserSync.reload)
})