wedding/gulpfile.babel.js at master · diego-codes/wedding · 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
'use strict';

import * as nodePath from 'path';
import gulp from 'gulp';
import browserSync from 'browser-sync';
import nodemon from 'gulp-nodemon';

import gulpIf from 'gulp-if';
import sourcemaps from 'gulp-sourcemaps';

import sass from 'gulp-sass';
import postcss from 'gulp-postcss';
import autoprefixer from 'autoprefixer';
import webpack from 'gulp-webpack';
import favicons from 'gulp-favicons';

import webpackConfig from './webpack.config.js';
import dotevn from 'dotenv';

dotevn.config();

function resolve (...args) {
  return nodePath.resolve(__dirname, ...args);
}

const isDev = process.env.ENV === 'dev';

const paths = {};
paths.src = 'src';
paths.dist = 'dist';
paths.config = 'config';

paths.views = 'views';
paths.styles = 'styles';
paths.scripts = 'scripts';
paths.images = 'images';

gulp.task('styles', () => {
  return gulp.src(resolve(paths.src, paths.styles, '*.scss'))
   .pipe(gulpIf(isDev, sourcemaps.init()))
   .pipe(sass().on('error', sass.logError))
   .pipe(gulpIf(!isDev, postcss([ autoprefixer() ])))
   .pipe(gulpIf(isDev, sourcemaps.write('.')))
   .pipe(gulp.dest(resolve(paths.dist, paths.styles)))
   .pipe(browserSync.stream());
});

gulp.task('scripts', () => {
  return gulp.src(resolve(paths.src, paths.scripts, 'app.js'))
   .pipe(webpack(webpackConfig(
      {
        app: resolve(paths.src, paths.scripts, 'app.js'),
        rsvp: resolve(paths.src, paths.scripts, 'rsvp.js'),
      }
    )))
   .pipe(gulp.dest(resolve(paths.dist, paths.scripts)))
   .pipe(browserSync.stream());
});

gulp.task('images', () => {
  return gulp.src(resolve(paths.src, paths.images, '**/*'))
   .pipe(gulp.dest(resolve(paths.dist, paths.images)));
});

gulp.task('favicons', () => {
  if (!isDev) {
    return gulp.src(resolve(paths.src, paths.images, 'favicon.png'))
      .pipe(favicons({
          icons: {
            android: true,              // Create Android homescreen icon. `boolean` or `{ offset, background, shadow }`
            appleIcon: true,            // Create Apple touch icons. `boolean` or `{ offset, background }`
            appleStartup: true,         // Create Apple startup images. `boolean` or `{ offset, background }`
            coast: { offset: 25 },      // Create Opera Coast icon with offset 25%. `boolean` or `{ offset, background }`
            favicons: true,             // Create regular favicons. `boolean`
            firefox: true,              // Create Firefox OS icons. `boolean` or `{ offset, background }`
            windows: true,              // Create Windows 8 tile icons. `boolean` or `{ background }`
            yandex: true                // Create Yandex browser icon. `boolean` or `{ background }`
          }
      }))
      .pipe(gulp.dest(resolve(paths.dist)));
  }
});

gulp.task('dev', () => {
  let started = false;

  nodemon({
    exec: 'npm start -- --inspect',
    ext: 'js hbs yml',
    ignore: ['gulpfile.babel.js', resolve(paths.src), resolve(paths.dist)],
    task: ['default'],
  }).on('start', () => {
    if (!started) {
      browserSync.init({
        proxy: `localhost:${process.env.PORT}`,
      });

      gulp.watch(resolve(paths.src, paths.styles, '**/*.scss'), ['styles']);
      gulp.watch(resolve(paths.src, paths.scripts, '**/*.js'), ['scripts']);
      gulp.watch(resolve(paths.src, paths.images, '**/*'), ['images']);
      gulp.watch(resolve(paths.src, paths.images, 'favicon.png'), ['favicons']);
      gulp.watch(resolve(paths.views, '**/*.hbs')).on('change', browserSync.reload);

      started = true;
    }
  });
});

gulp.task('default', ['styles', 'scripts', 'images', 'favicons']);