-
Notifications
You must be signed in to change notification settings - Fork 4
/
gulpfile.js
75 lines (66 loc) · 2.13 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
let gulp = require('gulp');
let nodemon = require('gulp-nodemon');
let plumber = require('gulp-plumber');
let livereload = require('gulp-livereload');
let sass = require('gulp-sass')(require('sass'));
let path = require('path');
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/jquery-validation/dist/jquery.validate.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(['src/main/public/js/lib/**/*.js']).pipe(gulp.dest(`${assetsDirectory}/javascripts`));
gulp.src([
'./node_modules/govuk_template_jinja/assets/stylesheets/**/*'
])
.pipe(gulp.dest(`${stylesheetsDirectory}/`));
done();
});
// compile scss files whenever they're changed
gulp.task('watch', (done) => {
gulp.watch(stylesheetsDirectory + '/**/*.scss', ['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 html',
stdout: true
}).on('start', () => {
livereload.changed(__dirname);
});
}, 500);
done();
});
gulp.task('default', gulp.series(
'sass',
'copy-files',
'develop',
'watch'
));