No description, website, or topics provided.
CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
.bowerrc
.gitignore
Gulpfile.js
README.md
bower.json
index.html
package.json

README.md

https://github.com/jdcauley/gulp-example

@jdcauley

Building with Gulp.js is a matter of writing a little JavaScript.

First things first, if you don't have Node.js ready you'll need that.

A visit to NPM will provide you with plenty of Gulp plugins ready to work with.

If your working on a project that doesn't have any previous Node integration you'll need to create your package.json.

npm init

And now we have a package.json

So you can add Gulp to the project with:

npm install gulp --save-dev

But in order to use it you'll need to do a global install.

npm install -g gulp

Pick some tasks and define them.

var gulp = require('gulp');
var watch = require('gulp-watch'); // Better Watch
var path = require('path'); // Needed for Less
var less = require('gulp-less');
var autoprefixer = require('gulp-autoprefixer');
var minify = require('gulp-minify-css');
var jshint = require('gulp-jshint');
var stylish = require('jshint-stylish');
var uglify = require('gulp-uglify'),
var concat = require('gulp-concat'),

Define a Task:

gulp.task('css', function(){

}function);

Get your source and pipe your actions.

gulp.task('css', function(){

    gulp.src('assets/less/main.less')
    .pipe(less({
      paths: [path.join(__dirname, 'less', 'includes') ]
    }))
    .pipe(autoprefixer({
      browsers: ['last 2 versions'],
      cascade: false
    }))
    .pipe(gulp.dest('assets/css'));

});

Set a default task

gulp.task('default', function(){
  gulp.watch('assets/less/*.less', ['less']);
  gulp.watch('assets/**/*.js', ['js']);
});