Gulp Angular Components

NOTE: This is more than just a gulp plugin, it is part of a very cool architecture for developing Angular.js apps.

Workflow

Check angular-components for the complete workflow integration :)

Benefits:

• Good, stable and most of all SIMPLE structure
• Faster development, believe me ;)
• Uses John Papa naming conventions
• Never fucking write boilerplate code anymore like: javascript angular.module('demo').directive('dashboard', myDirectiveFunction); etc.
• Compatible with Gulp Sourcemaps

Install

npm install gulp-angular-components --save

Usage

• Create a directory in your app / src directory named components

gulpfile.js

var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var angularComponents = require('gulp-angular-components');

gulp.task('components', function () {
  return gulp
    .src('src/components/*')
    .pipe(sourcemaps.init())
    .pipe(angularComponents({
      moduleName: 'myApp'
    }))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('.tmp/scripts'));
});

Options

moduleName

Type: String (mandatory)

The name of the angular.js module

addIEFF

type: 'Bool' (optional) default: true

Whether you want to add a global fn wrapper around your component files, leave it on, unless you have a wrapper task already.