This repository has been archived by the owner on Jun 28, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.babel.js
107 lines (94 loc) · 2.91 KB
/
gulpfile.babel.js
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
import gulp from 'gulp';
import cp from 'child_process';
import gutil from 'gulp-util';
import postcss from 'gulp-postcss';
import cssImport from 'postcss-import';
import cssnext from 'postcss-cssnext';
import BrowserSync from 'browser-sync';
import webpack from 'webpack';
import webpackConfig from './webpack.conf';
import svgstore from 'gulp-svgstore';
import svgmin from 'gulp-svgmin';
import inject from 'gulp-inject';
import cssnano from 'cssnano';
const browserSync = BrowserSync.create();
const hugoBin = `./bin/hugo.${process.platform === 'win32' ? 'exe' : process.platform}`;
// const defaultArgs = ['-d', '../dist', '--cleanDestinationDir', '-s', 'site']; // 'dist' dir relative to ./bin where hugo is
const defaultArgs = ['-d', '../dist', '-s', 'site']; // 'dist' dir relative to ./bin where hugo is
if (process.env.DEBUG) {
defaultArgs.unshift('--debug');
}
gulp.task('hugo', (cb) => buildSite(cb));
gulp.task('hugo-preview', (cb) => buildSite(cb, ['--buildDrafts', '--buildFuture']));
gulp.task('build', ['css', 'js', 'cms-assets', 'hugo']);
gulp.task('build-preview', ['css', 'js', 'cms-assets', 'hugo-preview']);
gulp.task('css', () => (
gulp.src('./src/css/*.css')
.pipe(postcss([
cssImport({
from: './src/css/main.css'
}),
cssnext(),
cssnano(),
]))
.pipe(gulp.dest('./dist/css'))
.pipe(browserSync.stream())
));
gulp.task('cms-assets', () => (
gulp.src('./node_modules/netlify-cms/dist/*.{woff,eot,woff2,ttf,svg,png}')
.pipe(gulp.dest('./dist/css'))
));
gulp.task('js', (cb) => {
const myConfig = Object.assign({}, webpackConfig);
webpack(myConfig, (err, stats) => {
if (err) throw new gutil.PluginError('webpack', err);
gutil.log('[webpack]', stats.toString({
colors: true,
progress: true
}));
browserSync.reload();
cb();
});
});
gulp.task('svg', () => {
const svgs = gulp
.src('site/static/img/icons-*.svg')
.pipe(svgmin())
.pipe(svgstore({
inlineSvg: true
}));
function fileContents(filePath, file) {
return file.contents.toString();
}
return gulp
.src('site/layouts/partials/svg.html')
.pipe(inject(svgs, {
transform: fileContents
}))
.pipe(gulp.dest('site/layouts/partials/'));
});
gulp.task('server', ['hugo', 'css', 'cms-assets', 'js', 'svg'], () => {
browserSync.init({
server: {
baseDir: './dist'
}
});
gulp.watch('./src/js/**/*.js', ['js']);
gulp.watch('./src/css/**/*.css', ['css']);
gulp.watch('./site/static/img/icons-*.svg', ['svg']);
gulp.watch('./site/**/*', ['hugo', 'css', 'cms-assets', 'js', 'svg']);
});
function buildSite(cb, options) {
const args = options ? defaultArgs.concat(options) : defaultArgs;
return cp.spawn(hugoBin, args, {
stdio: 'inherit'
}).on('close', (code) => {
if (code === 0) {
browserSync.reload('notify:false');
cb();
} else {
browserSync.notify('Hugo build failed :(');
cb('Hugo build failed');
}
});
}