This repository has been archived by the owner on Apr 26, 2021. It is now read-only.
generated from hmcts/expressjs-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.js
87 lines (77 loc) · 2.3 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
let gulp = require('gulp')
let nodemon = require('gulp-nodemon')
let plumber = require('gulp-plumber')
let livereload = require('gulp-livereload')
let sass = require('gulp-sass')
let path = require('path')
let replace = require('gulp-replace')
const repoRoot = path.join(__dirname, '/')
const govUkFrontendToolkitRoot = path.join(repoRoot, 'node_modules/govuk_frontend_toolkit/stylesheets')
const govUkElementRoot = path.join(repoRoot, 'node_modules/govuk-elements-sass/public/sass')
const assetsDirectory = './src/main/public'
const stylesheetsDirectory = `${assetsDirectory}/stylesheets`
// compile scss files
gulp.task('sass', (done) => {
gulp.src(stylesheetsDirectory + '/*.scss')
.pipe(sass({
includePaths: [
govUkFrontendToolkitRoot,
govUkElementRoot
]
}))
.pipe(plumber())
.pipe(sass())
.pipe(gulp.dest(stylesheetsDirectory))
.pipe(livereload())
done()
})
// copy js, stylesheets and images from dependencies to frontend's public directory
gulp.task('copy-files', (done) => {
gulp.src([
'./node_modules/jquery/dist/jquery.min.js',
'./node_modules/govuk_frontend_toolkit/javascripts/**/*.js',
'./node_modules/govuk_template_jinja/assets/javascripts/**/*.js'
])
.pipe(gulp.dest(`${assetsDirectory}/js/lib/`))
gulp.src([
'./node_modules/govuk_frontend_toolkit/images/**/*',
'./node_modules/govuk_template_jinja/assets/images/*.*'
])
.pipe(gulp.dest(`${assetsDirectory}/img/lib/`))
gulp.src([
'./node_modules/govuk_template_jinja/assets/stylesheets/**/*'
])
.pipe(replace('images/', '/stylesheets/lib/images/', { skipBinary: true }))
.pipe(gulp.dest(`${assetsDirectory}/stylesheets/lib/`))
done()
})
// compile scss files whenever they're changed
gulp.task('watch', (done) => {
gulp.watch(stylesheetsDirectory + '/**/*.scss', gulp.series('sass'))
done()
})
// start the application and watch for file changes (in which case it will be restarted)
gulp.task('develop', (done) => {
setTimeout(() => {
livereload.listen()
nodemon({
ext: 'ts js njk po',
stdout: true
}).on('start', () => {
livereload.changed(__dirname)
})
}, 500)
done()
})
gulp.task('default',
gulp.series(
gulp.parallel(
'sass',
'copy-files',
),
gulp.parallel(
'develop',
'watch'
)
)
)