rubykit.github.io/gulpfile.js at src · rubykit/rubykit.github.io · 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
var gulp        = require('gulp');
var browserSync = require('browser-sync').create();
var sass        = require('gulp-dart-sass');
var slim        = require('gulp-slim');
var del         = require('del');
var ghPages     = require('gulp-gh-pages');

const src = {
  'path':    'src/',

  'cname':   'src/CNAME',
  'favicon': 'src/assets/favicon/*',
  'fonts':   'src/assets/fonts/**/*',
  'images':  'src/assets/images/**/*',
  'sass':    'src/assets/scss/application.scss',
  'slim':    'src/content/*.slim',
};

const dst = {
  'path':    'dist/',

  'cname':   'dist/',
  'css':     'dist/assets/css',
  'favicon': 'dist/assets/favicon',
  'fonts':   'dist/assets/fonts',
  'html':    'dist/',
  'images':  'dist/assets/images',
  'vendors': 'dist/assets/vendor',
};

const vendors = {
  'js': [
    'node_modules/bootstrap/dist/js/bootstrap.min.js',
    'node_modules/jquery/dist/jquery.min.js',
  ],
};

gulp.task('clean', function() {
  return del(dst.path + '**/*');
});

gulp.task('sass', function() {
  return gulp
    .src(src.sass)
    .pipe(sass({
      errLogToConsole: true,
      outputStyle:     'expanded',
      includePaths:    ['src/assets/scss/'],
    }))
    .pipe(gulp.dest(dst.css))
    .pipe(browserSync.stream());
});

gulp.task('slim', function() {
  return gulp
    .src(src.slim)
    .pipe(slim({
      pretty:  true,
      options: 'format=:html',
      require: ['slim/include'],
    }))
    .pipe(gulp.dest(dst.html))
    .on('end', browserSync.reload);
});

['cname', 'favicon', 'fonts', 'images'].forEach(function(type) {
  gulp.task(type, function() {
    return gulp
      .src(src[type])
      .pipe(gulp.dest(dst[type]));
  });
});

gulp.task('vendors-js', function () {
  return gulp.src(vendors['js'])
    .pipe(gulp.dest(dst['vendors'] + '/js'));
});

gulp.task('assets', gulp.parallel(['cname', 'favicon', 'fonts', 'images', 'sass', 'slim', 'vendors-js']));

gulp.task('serve', function (done) {
  browserSync.init({
    server: {
      baseDir: dst.path,
      serveStaticOptions: {
        extensions: ['html'],
      },
    },
  });

  gulp.watch('src/assets/scss/application.scss', gulp.series('sass'));
  gulp.watch('src/assets/scss/**/*.scss', gulp.series('sass'));
  gulp.watch('src/content/**/*.slim', gulp.series('slim'));

  done();
});

gulp.task('compile', gulp.series(['clean', 'assets']));

gulp.task('deploy', gulp.series(['compile', function() {
  return gulp
    .src(dst.path + '**/*')
    .pipe(ghPages({
      'branch': 'master',
      'force':  true,
    }));
  }])
);

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