noros/gulpfile.js at main · NikD0R/noros · 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
// gulpfile.js
const { src, dest, watch, parallel, series } = require('gulp');
const scss = require('gulp-sass')(require('sass'));
const concat = require('gulp-concat');
const autoprefixer = require('gulp-autoprefixer');
const uglify = require('gulp-uglify');
const imagemin = require('gulp-imagemin');
const rename = require('gulp-rename');
const nunjucksRender = require('gulp-nunjucks-render');
const del = require('del');
const browserSync = require('browser-sync').create();

// Dev server
function browsersync() {
  browserSync.init({
    server: { baseDir: 'app/' },
    notify: false
  });
}

// --- NUNJUCKS ---
function nunjucksDev() {
  return src(['app/**/*.njk', '!app/**/_*.njk'])
    .pipe(nunjucksRender({ path: ['app/'] }))
    .pipe(dest('app'))
    .pipe(browserSync.stream());
}

// build
function templatesBuild() {
  return src(['app/**/*.njk', '!app/**/_*.njk'])
    .pipe(nunjucksRender({ path: ['app/'] }))
    .pipe(dest('dist'));
}

// --- STYLES ---
function stylesDev() {
  return src('app/scss/style.scss')
    .pipe(scss({ outputStyle: 'compressed' }))
    .pipe(rename({ suffix: '.min' }))
    .pipe(autoprefixer({ overrideBrowserslist: ['last 10 versions'], grid: true }))
    .pipe(dest('app/css'))
    .pipe(browserSync.stream());
}

// build styles
function stylesBuild() {
  return src('app/scss/style.scss')
    .pipe(scss({ outputStyle: 'compressed' }))
    .pipe(rename({ suffix: '.min' }))
    .pipe(autoprefixer({ overrideBrowserslist: ['last 10 versions'], grid: true }))
    .pipe(dest('dist/css'));
}

// --- SCRIPTS ---
function scriptsDev() {
  return src([
    'node_modules/jquery/dist/jquery.js',
    'node_modules/slick-carousel/slick/slick.js',
    'node_modules/@fancyapps/fancybox/dist/jquery.fancybox.js',
    'node_modules/rateyo/src/jquery.rateyo.js',
    'node_modules/ion-rangeslider/js/ion.rangeSlider.js',
    'node_modules/jquery-form-styler/dist/jquery.formstyler.js',
    'app/js/main.js'
  ])
    .pipe(concat('main.min.js'))
    .pipe(uglify())
    .pipe(dest('app/js'))
    .pipe(browserSync.stream());
}

// build scripts
function scriptsBuild() {
  return src([
    'node_modules/jquery/dist/jquery.js',
    'node_modules/slick-carousel/slick/slick.js',
    'node_modules/@fancyapps/fancybox/dist/jquery.fancybox.js',
    'node_modules/rateyo/src/jquery.rateyo.js',
    'node_modules/ion-rangeslider/js/ion.rangeSlider.js',
    'node_modules/jquery-form-styler/dist/jquery.formstyler.js',
    'app/js/main.js'
  ])
    .pipe(concat('main.min.js'))
    .pipe(uglify())
    .pipe(dest('dist/js'));
}

// images
function images() {
  return src('app/images/**/*.*')
    .pipe(imagemin([
      imagemin.gifsicle({ interlaced: true }),
      imagemin.mozjpeg({ quality: 75, progressive: true }),
      imagemin.optipng({ optimizationLevel: 5 }),
      imagemin.svgo({ plugins: [{ removeViewBox: true }, { cleanupIDs: false }] })
    ]))
    .pipe(dest('dist/images'));
}

// clean dist
function cleanDist() {
  return del('dist');
}

// watch for dev
function watching() {
  watch(['app/**/*.njk'], nunjucksDev);
  watch(['app/scss/**/*.scss'], stylesDev);
  watch(['app/js/**/*.js', '!app/js/main.min.js'], scriptsDev);
  watch(['app/*.html']).on('change', browserSync.reload);
}

// --- EXPORTS ---
// Dev tasks
exports.nunjucks = nunjucksDev;
exports.styles = stylesDev;
exports.scripts = scriptsDev;
exports.browsersync = browsersync;
exports.watching = watching;

// Build task: clean -> compile templates/styles/scripts/images into dist
exports.build = series(
  cleanDist,
  parallel(templatesBuild, stylesBuild, scriptsBuild, images)
);

// Default (dev)
exports.default = parallel(nunjucksDev, stylesDev, scriptsDev, browsersync, watching);