nonprofit-web/gulpfile.js at master · omegaup/nonprofit-web · 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
129
const gulp = require('gulp');
const less = require('gulp-less');
const browserSync = require('browser-sync').create();
const header = require('gulp-header');
const cleanCSS = require('gulp-clean-css');
const rename = require('gulp-rename');
const uglify = require('gulp-uglify');
const pkg = require('./package.json');

// Set the banner content
const banner = `/*!
 * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)
 * Copyright 2013-${new Date().getFullYear()} <%= pkg.author %>
 * Licensed under <%= pkg.license.type %> (<%= pkg.license.url %>)
 */
`;

// Compile LESS files from /less into /css
const compileLess = () => {
  return gulp
    .src('less/creative.less')
    .pipe(less())
    .pipe(header(banner, { pkg: pkg }))
    .pipe(gulp.dest('css'))
    .pipe(
      browserSync.reload({
        stream: true,
      }),
    );
};

// Minify compiled CSS
const minifyCss = () => {
  return gulp
    .src('css/creative.css')
    .pipe(cleanCSS({ compatibility: 'ie8' }))
    .pipe(rename({ suffix: '.min' }))
    .pipe(gulp.dest('css'))
    .pipe(
      browserSync.reload({
        stream: true,
      }),
    );
};

// Minify JS
const minifyJs = () => {
  return gulp
    .src('js/creative.js')
    .pipe(uglify())
    .pipe(header(banner, { pkg: pkg }))
    .pipe(rename({ suffix: '.min' }))
    .pipe(gulp.dest('js'))
    .pipe(
      browserSync.reload({
        stream: true,
      }),
    );
};

// Copy vendor libraries from /node_modules into /vendor
const copy = cb => {
  gulp
    .src([
      'node_modules/bootstrap/dist/**/*',
      '!**/npm.js',
      '!**/bootstrap-theme.*',
      '!**/*.map',
    ])
    .pipe(gulp.dest('vendor/bootstrap'));

  gulp
    .src([
      'node_modules/jquery/dist/jquery.js',
      'node_modules/jquery/dist/jquery.min.js',
    ])
    .pipe(gulp.dest('vendor/jquery'));

  gulp
    .src(['node_modules/magnific-popup/dist/*'])
    .pipe(gulp.dest('vendor/magnific-popup'));

  gulp
    .src(['node_modules/scrollreveal/dist/*.js'])
    .pipe(gulp.dest('vendor/scrollreveal'));

  gulp
    .src([
      'node_modules/font-awesome/**',
      '!node_modules/font-awesome/**/*.map',
      '!node_modules/font-awesome/.npmignore',
      '!node_modules/font-awesome/*.txt',
      '!node_modules/font-awesome/*.md',
      '!node_modules/font-awesome/*.json',
    ])
    .pipe(gulp.dest('vendor/font-awesome'));

  cb();
};

// Run everything
exports.default = gulp.series(compileLess, minifyCss, minifyJs, copy);

// Configure the browserSync task
const initBrowserSync = cb => {
  browserSync.init({
    server: {
      baseDir: '',
    },
  });
  cb();
};

// Dev task with browserSync
const dev = cb => {
  gulp.watch('less/*.less', compileLess);
  gulp.watch('css/*.css', minifyCss);
  gulp.watch('js/*.js', minifyJs);
  // Reloads the browser whenever HTML or JS files change
  gulp.watch('*.html', browserSync.reload);
  gulp.watch('js/**/*.js', browserSync.reload);
};
exports.dev = gulp.series(
  initBrowserSync,
  compileLess,
  minifyCss,
  minifyJs,
  dev,
);