This repository has been archived by the owner on Jan 22, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 8
/
gulpfile.js
101 lines (93 loc) · 2.23 KB
/
gulpfile.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
/* eslint-disable arrow-body-style */
const path = require('path');
const gulp = require('gulp');
const babel = require('gulp-babel');
const webpack = require('webpack-stream');
const browserSync = require('browser-sync').create();
const webpackConfig = require('./webpack.config.js');
const webpackProdConfig = require('./webpack.prod.config.js');
const PATHS = {
name: 'MyReactWidget',
app: 'app',
src: 'src/**/*.*',
entry: 'src/index.js',
widget: 'src/Widget.js',
other: [
'src/**/*.json',
'src/**/*.html',
'src/**/*.jpg',
'src/**/*.png',
'src/**/style.css',
'src/**/strings.js',
],
dest: 'app/widgets/MyReactWidget',
dist: 'dist',
};
// ------------------------ //
// BABEL
// ------------------------ //
gulp.task('babel', () => {
return gulp
.src(PATHS.widget)
.pipe(babel())
.pipe(gulp.dest(PATHS.dest))
.pipe(
browserSync.reload({
stream: true,
}),
);
});
// ------------------------ //
// WEBPACK
// ------------------------ //
gulp.task('webpack', () => {
return gulp
.src(PATHS.entry)
.pipe(webpack(webpackConfig))
.pipe(gulp.dest(PATHS.dest))
.pipe(
browserSync.reload({
stream: true,
}),
);
});
gulp.task('webpack-prod', () => {
return gulp
.src(PATHS.entry)
.pipe(webpack(webpackProdConfig))
.pipe(gulp.dest(PATHS.dest));
});
// ------------------------ //
// GULP TASKS
// ------------------------ //
gulp.task('other-files', () => {
return gulp
.src(PATHS.other)
.pipe(gulp.dest(PATHS.dest))
.pipe(
browserSync.reload({
stream: true,
}),
);
});
// Local Server
gulp.task('browserSync', () => {
browserSync.init({
server: {
baseDir: PATHS.app,
},
https: true,
});
});
// Copy widget folders to dist
gulp.task('deploy', ['webpack-prod', 'babel', 'other-files'], () => {
return gulp
.src(path.join(PATHS.dest, '/**/*'))
.pipe(gulp.dest(path.join(PATHS.dist, PATHS.name)));
});
// Launch Server and Watch for file changes
gulp.task('default', ['browserSync', 'webpack', 'babel', 'other-files'], () => {
gulp.watch(PATHS.src, ['webpack']);
gulp.watch(PATHS.widget, ['babel']);
gulp.watch(PATHS.other, ['other-files']);
});