Installing Gulp on Homestead

gistfile1.txt

Via http://christoph-rumpel.com/2014/02/how-to-laravel-series-lets-talk-gulp/


$ node -v
v0.10.28

$ npm -v
1.4.24


$ npm install -g gulp
$ npm install --save-dev gulp --no-bin-links

// Gulp Sass
$ npm install gulp-sass --save --no-bin-links

$ npm install gulp-util --save --no-bin-links
$ npm install gulp-uglify --save --no-bin-links
$ npm install gulp-rename --save --no-bin-links
$ npm install gulp-ignore --save --no-bin-links
$ npm install gulp-autoprefixer --save --no-bin-links
$ npm install gulp-minify-css --save --no-bin-links



// Gulpfile.js

// Get Modules
var gulp = require('gulp');
var gutil = require('gulp-util');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-minify-css');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var prefix = require('gulp-autoprefixer');

// Task Sass
gulp.task('sass', function(){
   gulp.src('wp-content/themes/Profile3.0/sass/profile-master.scss')
       .pipe(sass())
       .pipe(prefix("last 10 version"))
       .pipe(minifyCSS())
       .pipe(rename('style.css'))
       .pipe(gulp.dest('wp-content/themes/Profile3.0'));
});

// JS Minify
gulp.task('scripts', function(){
    gulp.src(['wp-content/themes/Profile3.0/js/*.js', '!main.min.js'])
        .pipe(uglify())
        .pipe(rename('main.min.js'))
        .pipe(gulp.dest('wp-content/themes/Profile3.0/js'));
});

// The default task (called when you run 'gulp' from cli)
gulp.task('default', ['']);

// Get Modules
var gulp = require('gulp');
var gutil = require('gulp-util');
var sass = require('gulp-ruby-sass');
var minifyCSS = require('gulp-minify-css');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var prefix = require('gulp-autoprefixer');

// Task Sass
gulp.task('sass', function(){
return sass('./scss/master.scss')
.pipe(prefix("last 5 version"))
.pipe(minifyCSS({'keepSpecialComments':'*'}))
.pipe(rename('style.css'))
.pipe(gulp.dest('./'));
});

// JS Minify
gulp.task('scripts', function(){
gulp.src(['wp-content/themes/Profile3.0/js/*.js', '!main.min.js'])
.pipe(uglify())
.pipe(rename('main.min.js'))
.pipe(gulp.dest('wp-content/themes/Profile3.0/js'));
});

// The default task (called when you run 'gulp' from cli)
gulp.task('default', ['']);

For Laravel 5.6^, gulp is not required because it comes with Webpack configs. Just do npm install && npm run dev or npm run watch.