xevion/old.xevion.github.io
1
0
Fork 0
mirror of https://github.com/Xevion/old.xevion.github.io.git synced 2025-12-06 11:15:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

serve with sync and watch

Browse Source
This commit is contained in:
Brittany Chiang
2017-03-15 13:49:47 -04:00
parent 5f684c5f4b
commit 22d75a4b94
2 changed files with 72 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
build/browsersync.js
View File

@@ -0,0 +1,40 @@
const browserSync = require('browser-sync');
const cp = require('child_process');
const jekyll = process.platform === 'win32' ? 'jekyll.bat' : 'jekyll';
const scssPath = ['_scss/**/*.scss'];
const jsPath = ['_scripts/*.js'];
const templatePath = [ '**/*.html', '**/*.yml', '_posts/*', '_drafts/*'];
module.exports = gulp => {
// Build the Jekyll Site
gulp.task('jekyll-build', done => {
return cp.spawn( jekyll , ['build', '--drafts', '--config', '_config.yml'], {stdio: 'inherit'})
.on('close', done);
});
// Rebuild Jekyll then reload the page
gulp.task('jekyll-rebuild', ['jekyll-build'], () => {
browserSync.reload();
});
// Wait for jekyll-build task to complete, then launch the Server
gulp.task('browser-sync', ['sass', 'scripts', 'jekyll-build'], () => {
browserSync({
server: {
baseDir: '_site'
}
});
});
gulp.task('watch', () => {
gulp.watch(scssPath, ['sass', 'jekyll-rebuild']);
gulp.watch(jsPath, ['scripts', 'jekyll-rebuild']);
gulp.watch(templatePath, ['jekyll-rebuild']);
});
gulp.task('serve', ['browser-sync', 'watch']);
}

64
gulpfile.js
View File

@@ -1,8 +1,8 @@
'use strict'; 'use strict';
const gulp = require('gulp'); const gulp = require('gulp');
const browserSync = require('browser-sync'); // const browserSync = require('browser-sync');
const cp = require('child_process'); // const cp = require('child_process');
// const sass = require('gulp-sass'); // const sass = require('gulp-sass');
// const prefix = require('gulp-autoprefixer'); // const prefix = require('gulp-autoprefixer');
// const cleanCSS = require('gulp-clean-css'); // const cleanCSS = require('gulp-clean-css');
@@ -15,39 +15,39 @@ const sass = require('./build/sass');
const scripts = require('./build/scripts'); const scripts = require('./build/scripts');
const images = require('./build/images'); const images = require('./build/images');
const fonts = require('./build/fonts'); const fonts = require('./build/fonts');
// const sync = require('./build/browsersync'); const sync = require('./build/browsersync');
const jekyll = process.platform === 'win32' ? 'jekyll.bat' : 'jekyll'; // const jekyll = process.platform === 'win32' ? 'jekyll.bat' : 'jekyll';
// Build the Jekyll Site // // Build the Jekyll Site
gulp.task('jekyll-build', done => { // gulp.task('jekyll-build', done => {
return cp.spawn( jekyll , ['build', '--drafts', '--config', '_config.yml'], {stdio: 'inherit'}) // return cp.spawn( jekyll , ['build', '--drafts', '--config', '_config.yml'], {stdio: 'inherit'})
.on('close', done); // .on('close', done);
}); // });
// Rebuild Jekyll & reload the page // // Rebuild Jekyll & reload the page
gulp.task('jekyll-rebuild', ['jekyll-build'], () => { // gulp.task('jekyll-rebuild', ['jekyll-build'], () => {
browserSync.reload(); // browserSync.reload();
}); // });
// Wait for jekyll-build task to complete, then launch the Server // // Wait for jekyll-build task to complete, then launch the Server
gulp.task('browser-sync', ['sass', 'scripts', 'jekyll-build'], () => { // gulp.task('browser-sync', ['sass', 'scripts', 'jekyll-build'], () => {
browserSync({ // browserSync({
server: { // server: {
baseDir: '_site' // baseDir: '_site'
} // }
}); // });
}); // });
const scssPath = ['_scss/**/*.scss','_scss/*.scss']; // const scssPath = ['_scss/**/*.scss','_scss/*.scss'];
const jsPath = ['_scripts/*.js']; // const jsPath = ['_scripts/*.js'];
const templatePath = ['index.html', '404.html', '_layouts/*.html', '_includes/*.html', '_data/*.yml', '_posts/*', '_drafts/*', '**/*.html']; // const templatePath = ['index.html', '404.html', '_layouts/*.html', '_includes/*.html', '_data/*.yml', '_posts/*', '_drafts/*', '**/*.html'];
gulp.task('watch', () => { // gulp.task('watch', () => {
gulp.watch(scssPath, ['sass', 'jekyll-rebuild']); // gulp.watch(scssPath, ['sass', 'jekyll-rebuild']);
gulp.watch(jsPath, ['scripts', 'jekyll-rebuild']); // gulp.watch(jsPath, ['scripts', 'jekyll-rebuild']);
gulp.watch(templatePath, ['jekyll-rebuild']); // gulp.watch(templatePath, ['jekyll-rebuild']);
}); // });
// gulp.task('styles', () => { // gulp.task('styles', () => {
// return gulp.src('_scss/*.scss') // return gulp.src('_scss/*.scss')
@@ -83,10 +83,10 @@ gulp.task('watch', () => {
// .pipe(gulp.dest('_site/fonts')); // .pipe(gulp.dest('_site/fonts'));
// }); // });
[ sass, scripts, images, fonts ].forEach( task => { // gulp.task('serve', ['browser-sync', 'watch']);
[ sass, scripts, images, fonts, sync ].forEach( task => {
task( gulp ); task( gulp );
}); });
gulp.task('serve', ['browser-sync', 'watch']);
gulp.task('build', ['sass', 'scripts', 'images', 'fonts', 'jekyll-build']); gulp.task('build', ['sass', 'scripts', 'images', 'fonts', 'jekyll-build']);