-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
70 lines (61 loc) · 1.51 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
const gulp = require('gulp');
const sass = require('gulp-sass')(require('sass'));
const fileinclude = require('gulp-file-include');
const server = require('browser-sync').create();
const { watch, series } = require('gulp');
const paths = {
scripts: {
src: './app/',
dest: './',
},
};
// Reload Server
// async function reload() {
// server.reload();
// }
// Copy assets after build
async function copyAssets() {
gulp.src(['assets/**/*']).pipe(gulp.dest(paths.scripts.dest));
}
// Build files html and reload server
async function buildAndReload() {
await includeHTML();
await buildStyles();
// await copyAssets();
// reload();
}
async function includeHTML() {
return gulp
.src([
'./app/index.html',
])
.pipe(
fileinclude({
prefix: '@@',
basepath: '@file',
})
)
.pipe(gulp.dest(paths.scripts.dest));
}
exports.includeHTML = includeHTML;
async function buildStyles() {
return gulp.src('./scss/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./css'));
};
exports.buildStyles = buildStyles;
exports.default = async function () {
// Init serve files from the build folder
server.init({
server: {
baseDir: paths.scripts.dest,
},
});
// Build and reload at the first time
buildAndReload();
// Watch task
watch([
'./app/**/*',
'./scss/**/*.scss'
], series(buildAndReload));
};