nunjucks-templating-starter/gulpfile.js at master · chidiwilliams/nunjucks-templating-starter · GitHub

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
const fs = require('fs');
const gulp = require('gulp');
const njkRender = require('gulp-nunjucks-render');
const sassRender = require('gulp-sass');
const minify = require('gulp-minify');
const config = require('./config/config');
const browserSync = require('browser-sync').create();

gulp.task('dir', function() {
  if (!fs.existsSync(config.paths.public_dir)) {
    fs.mkdirSync(config.paths.public_dir);
    if (!fs.existsSync(config.paths.public_dir + '/css')) {
      fs.mkdirSync(config.paths.public_dir + '/css');
    }
    if (!fs.existsSync(config.paths.public_dir + '/js')) {
      fs.mkdirSync(config.paths.public_dir + '/js');
    }
  }
});

gulp.task('browserSync', function() {
  browserSync.init({
    server: {
      baseDir: config.paths.public_dir,
    },
  });
});

gulp.task('watch', function() {
  gulp.start('compileAll');
  gulp.watch(
    [config.paths.resources_dir + '/**/*.+(html|js|css|scss|njk)'],
    ['compileAll']
  );

  gulp
    .watch(config.paths.public_dir + '/**/*')
    .on('change', browserSync.reload);
});

gulp.task('njk', function() {
  return gulp
    .src(config.paths.views_dir + '/*.@(html|njk)')
    .pipe(
      njkRender({
        path: [config.paths.views_dir],
        data: config.njk.templateVars,
      })
    )
    .pipe(gulp.dest(config.paths.public_dir));
});

gulp.task('sass', function() {
  return gulp
    .src(config.paths.assets_dir + '/scss/**/*.scss')
    .pipe(
      sassRender({
        outputStyle: config.sass.outputStyle,
      })
    )
    .pipe(gulp.dest(config.paths.public_dir + '/css'));
});

gulp.task('jsMinify', function() {
  return gulp
    .src(config.paths.assets_dir + '/js/**/*.js')
    .pipe(
      minify({
        ext: {
          src: '.js',
          min: '.min.js',
        },
        noSource: config.js.doKeepSource,
        exclude: [config.paths.vendor_dir],
        ignoreFiles: ['.min.js'],
      })
    )
    .pipe(gulp.dest(config.paths.public_dir + '/js'));
});

gulp.task('js', function() {
  return gulp
    .src(config.paths.assets_dir + '/js/**/*.js')
    .pipe(gulp.dest(config.paths.public_dir + '/js'));
});

gulp.task('vendorJS', function() {
  return gulp
    .src(config.paths.vendor_dir + '/js/**/*.js')
    .pipe(gulp.dest(config.paths.public_dir + '/js'));
});

gulp.task('vendorCSS', function() {
  return gulp
    .src(config.paths.vendor_dir + '/css/**/*.css')
    .pipe(gulp.dest(config.paths.public_dir + '/css'));
});

gulp.task('compileAll', function() {
  gulp.start('dir');
  gulp.start('njk');
  gulp.start('sass');
  config.js.doCompress ? gulp.start('jsMinify') : gulp.start('js');
  gulp.start('vendorJS');
  gulp.start('vendorCSS');
});

gulp.task('default', gulp.series(['compileAll']));

gulp.task('auto', gulp.series(['browserSync', 'watch']));

module.exports = gulp;