Skip to content

Instantly share code, notes, and snippets.

@jaotors
Created March 16, 2017 03:10
Show Gist options
  • Save jaotors/7646e3e3be98684c84fc52281c93dfe3 to your computer and use it in GitHub Desktop.
Save jaotors/7646e3e3be98684c84fc52281c93dfe3 to your computer and use it in GitHub Desktop.
/* Define dependencies */
var gulp = require('gulp'),
watch = require('gulp-watch'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
browserSync = require('browser-sync').create(),
css = 'resources/css',
js = 'resources/js',
fonts = 'resources/fonts',
images = 'resources/images';
gulp.task('components', function() {
/* bootstrap */
gulp.src('node_modules/bootstrap/dist/css/bootstrap.min.css')
.pipe(gulp.dest(css));
/* font-awesome */
gulp.src('node_modules/font-awesome/fonts/*')
.pipe(gulp.dest(fonts));
/* jquery */
gulp.src('node_modules/jquery/dist/jquery.min.js')
.pipe(gulp.dest(js));
/* chart.js */
gulp.src('node_modules/chart.js/dist/Chart.min.js')
.pipe(gulp.dest(js));
/* fullpage.js */
gulp.src('node_modules/fullpage.js/dist/jquery.fullpage.min.js')
.pipe(gulp.dest(js));
});
gulp.task('images', function() {
return gulp.src('assets/images/*')
.pipe(gulp.dest(fonts))
.pipe(browserSync.stream());
});
gulp.task('fonts', function() {
return gulp.src('assets/fonts/*')
.pipe(gulp.dest(fonts));
});
function handleError(err) {
console.log(err.toString());
this.emit('end')
}
gulp.task('styles', function() {
return gulp.src('assets/sass/app.scss')
.pipe(sass().on('error', handleError))
.pipe(autoprefixer({browsers: ['last 2 versions']}))
.pipe(gulp.dest(css))
.pipe(browserSync.stream());
});
gulp.task('scripts', function() {
return gulp.src(['assets/js/scripts.js'])
.pipe(gulp.dest(js))
.pipe(browserSync.stream());
});
gulp.task('serve', ['components', 'fonts', 'styles', 'images', 'scripts'], function() {
browserSync.init({
server: "./",
notify: false
});
gulp.watch('assets/sass/*', ['styles']).on('change', browserSync.reload);
gulp.watch('assets/js/*', ['scripts']).on('change', browserSync.reload);;
gulp.watch('assets/images/*', ['images']).on('change', browserSync.reload);;
gulp.watch('*.html').on('change', browserSync.reload)
});
gulp.task('default', ['serve']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment