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

build working, need to separate browsersync

Browse Source
This commit is contained in:
Brittany Chiang
2017-03-15 13:38:19 -04:00
parent 4c9f0e8914
commit 5f684c5f4b
6 changed files with 101 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
_config.yml
View File

@@ -31,6 +31,7 @@ exclude:
- "*.gemspec"
- "README.md"
- "node_modules"
- "build"
- "gulpfile.js"
- "package.json"

16
build/fonts.js
View File

@@ -1,11 +1,11 @@
// const fontsPath = 'fonts/**/*';
// const destPath = '_site/fonts';
const fontsPath = 'fonts/**/*';
const destPath = '_site/fonts';
// module.exports = gulp => {
module.exports = gulp => {
// gulp.task('fonts', () => {
// return gulp.src( fontsPath )
// .pipe(gulp.dest( destPath ));
// });
gulp.task('fonts', () => {
return gulp.src( fontsPath )
.pipe(gulp.dest( destPath ));
});
// }
}

20
build/images.js
View File

@@ -1,14 +1,14 @@
// const imagemin = require('gulp-imagemin');
const imagemin = require('gulp-imagemin');
// const imgPath = 'img/**/*.+(png|jpg|gif|svg)';
// const destPath = '_site/img';
const imgPath = 'img/**/*.+(png|jpg|gif|svg)';
const destPath = '_site/img';
// module.exports = gulp => {
module.exports = gulp => {
// gulp.task('images', () => {
// return gulp.src( imgPath )
// .pipe(imagemin())
// .pipe(gulp.dest( destPath ));
// });
gulp.task('images', () => {
return gulp.src( imgPath )
.pipe(imagemin())
.pipe(gulp.dest( destPath ));
});
// }
}

36
build/sass.js
View File

@@ -1,21 +1,21 @@
// const sass = require('gulp-sass');
// const prefix = require('gulp-autoprefixer');
// const cleanCSS = require('gulp-clean-css');
const sass = require('gulp-sass');
const prefix = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
// const scssPath = '_scss/*.scss';
// const destPath = '_site/css';
const scssPath = '_scss/*.scss';
const destPath = '_site/css';
// module.exports = gulp => {
module.exports = gulp => {
// gulp.task('sass', () => {
// return gulp.src( scssPath )
// .pipe(sass({
// includePaths: ['scss'],
// outputStyle: 'expanded'
// }))
// .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
// .pipe(cleanCSS({compatibility: 'ie8'}))
// .pipe(gulp.dest( destPath ))
// .pipe(gulp.dest('css'));
// });
// }
gulp.task('sass', () => {
return gulp.src( scssPath )
.pipe(sass({
includePaths: ['scss'],
outputStyle: 'expanded'
}))
.pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest( destPath ))
.pipe(gulp.dest('css'));
});
}

34
build/scripts.js
View File

@@ -1,21 +1,21 @@
// const jshint = require('gulp-jshint');
// const babel = require('gulp-babel');
// const uglify = require('gulp-uglify');
const jshint = require('gulp-jshint');
const babel = require('gulp-babel');
const uglify = require('gulp-uglify');
// const jsPath = '_scripts/*.js';
// const destPath = '_site/js';
const jsPath = '_scripts/*.js';
const destPath = '_site/js';
// module.exports = gulp => {
module.exports = gulp => {
// gulp.task('scripts', () => {
// return gulp.src( jsPath )
// .pipe(jshint())
// .pipe(babel({
// presets: ['es2015']
// }))
// .pipe(uglify())
// .pipe(gulp.dest( destPath ))
// .pipe(gulp.dest( 'js' ));
// });
gulp.task('scripts', () => {
return gulp.src( jsPath )
.pipe(jshint())
.pipe(babel({
presets: ['es2015']
}))
.pipe(uglify())
.pipe(gulp.dest( destPath ))
.pipe(gulp.dest( 'js' ));
});
// }
}

91
gulpfile.js
View File

@@ -3,19 +3,19 @@
const gulp = require('gulp');
const browserSync = require('browser-sync');
const cp = require('child_process');
const sass = require('gulp-sass');
const prefix = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
const jshint = require('gulp-jshint');
const babel = require('gulp-babel');
const uglify = require('gulp-uglify');
const imagemin = require('gulp-imagemin');
// const sass = require('gulp-sass');
// const prefix = require('gulp-autoprefixer');
// const cleanCSS = require('gulp-clean-css');
// const jshint = require('gulp-jshint');
// const babel = require('gulp-babel');
// const uglify = require('gulp-uglify');
// const imagemin = require('gulp-imagemin');
const sass = require('./build/sass');
const scripts = require('./build/scripts');
const images = require('./build/images');
const fonts = require('./build/fonts');
// const sync = require('./build/browsersync');
// const sass = require('./build/sass');
// const scripts = require('./build/scripts');
// const images = require('./build/images');
// const fonts = require('./build/fonts');
const jekyll = process.platform === 'win32' ? 'jekyll.bat' : 'jekyll';
@@ -31,7 +31,7 @@ gulp.task('jekyll-rebuild', ['jekyll-build'], () => {
});
// Wait for jekyll-build task to complete, then launch the Server
gulp.task('browser-sync', ['styles', 'scripts', 'jekyll-build'], () => {
gulp.task('browser-sync', ['sass', 'scripts', 'jekyll-build'], () => {
browserSync({
server: {
baseDir: '_site'
@@ -44,46 +44,49 @@ const jsPath = ['_scripts/*.js'];
const templatePath = ['index.html', '404.html', '_layouts/*.html', '_includes/*.html', '_data/*.yml', '_posts/*', '_drafts/*', '**/*.html'];
gulp.task('watch', () => {
gulp.watch(scssPath, ['styles', 'jekyll-rebuild']);
gulp.watch(scssPath, ['sass', 'jekyll-rebuild']);
gulp.watch(jsPath, ['scripts', 'jekyll-rebuild']);
gulp.watch(templatePath, ['jekyll-rebuild']);
});
gulp.task('styles', () => {
return gulp.src('_scss/*.scss')
.pipe(sass({
includePaths: ['scss'],
onError: browserSync.notify
}))
.pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest('_site/css'))
.pipe(gulp.dest('css'));
});
// gulp.task('styles', () => {
// return gulp.src('_scss/*.scss')
// .pipe(sass({
// includePaths: ['scss'],
// onError: browserSync.notify
// }))
// .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
// .pipe(cleanCSS({compatibility: 'ie8'}))
// .pipe(gulp.dest('_site/css'))
// .pipe(gulp.dest('css'));
// });
gulp.task('scripts', () => {
return gulp.src('_scripts/*.js')
.pipe(jshint())
.pipe(babel({
presets: ['es2015']
}))
.pipe(uglify())
.pipe(gulp.dest('_site/js'))
.pipe(gulp.dest('js'));
});
// gulp.task('scripts', () => {
// return gulp.src('_scripts/*.js')
// .pipe(jshint())
// .pipe(babel({
// presets: ['es2015']
// }))
// .pipe(uglify())
// .pipe(gulp.dest('_site/js'))
// .pipe(gulp.dest('js'));
// });
gulp.task('images', () => {
return gulp.src('img/**/*.+(png|jpg|gif|svg)')
.pipe(imagemin())
.pipe(gulp.dest('_site/img'));
});
// gulp.task('images', () => {
// return gulp.src('img/**/*.+(png|jpg|gif|svg)')
// .pipe(imagemin())
// .pipe(gulp.dest('_site/img'));
// });
gulp.task('fonts', () => {
return gulp.src('fonts/**/*')
.pipe(gulp.dest('_site/fonts'));
});
// gulp.task('fonts', () => {
// return gulp.src('fonts/**/*')
// .pipe(gulp.dest('_site/fonts'));
// });
[ sass, scripts, images, fonts ].forEach( task => {
task( gulp );
});
gulp.task('serve', ['browser-sync', 'watch']);
gulp.task('build', ['styles', 'scripts', 'images', 'fonts', 'jekyll-build']);
gulp.task('build', ['sass', 'scripts', 'images', 'fonts', 'jekyll-build']);