Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //first install the dependencies
- //npm install gulp jshint gulp-cssmin browser-sync gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename --save-dev
- // Include gulp
- var gulp = require('gulp');
- // Include Our Plugins
- var jshint = require('gulp-jshint');
- var sass = require('gulp-sass');
- var concat = require('gulp-concat');
- var uglify = require('gulp-uglify');
- var rename = require('gulp-rename');
- var cssmin = require('gulp-cssmin');
- var browserSync = require('browser-sync').create();
- var reload = browserSync.reload
- // Lint Task
- gulp.task('lint', function () {
- return gulp.src('app/js/*.js')
- .pipe(jshint())
- .pipe(jshint.reporter('default'));
- });
- // Compile Our Sass
- gulp.task('sass', function () {
- return gulp.src('app/scss/*.scss')
- .pipe(sass())
- .pipe(gulp.dest('dist/css'));
- });
- gulp.task('css', function () {
- gulp.src(['app/css/*.css'])
- .pipe(cssmin())
- .pipe(rename({suffix: '.min'}))
- .pipe(gulp.dest('dist/css'))
- .pipe(reload({stream: true}));
- });
- // Concatenate & Minify JS
- gulp.task('scripts', function () {
- return gulp.src('app/js/*.js')
- .pipe(concat('all.js'))
- .pipe(gulp.dest('dist'))
- .pipe(rename('all.min.js'))
- .pipe(uglify())
- .pipe(gulp.dest('dist/js'));
- });
- gulp.task('js-watch', ['lint','scripts'], function (done) {
- browserSync.reload();
- done();
- });
- gulp.task('css-watch', ['css'], function (done) {
- browserSync.reload();
- done();
- });
- // Static server
- gulp.task('serve', function() {
- browserSync.init({
- server: "./app"
- });
- gulp.watch('app/js/*.js', ['js-watch']);
- gulp.watch('app/css/*.css', ['css-watch']);
- gulp.watch("app/*.html").on('change', browserSync.reload);
- });
- // Default Task
- gulp.task('default', ['serve']);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement