Angular Gulp Generator Package List

This post is a reference list of all the npm packages that are found in generator-gulp-angular, the most complete Yeoman generator for AngularJS projects that uses Gulp, along with their descriptions and a link to each npm package page.

Package Description
browser-sync Keep multiple browsers and devices in sync when building websites.
browser-sync-spa Single page app support for BrowserSync.
chalk Terminal string styling done right. Much color.
concat-stream Writable stream that concatenates strings or binary data and calls a callback with the result. Not a transform stream, more of a stream sink.
del Delete files/folders using globs.
gulp Just gulp.
gulp-angular-filesort Automatically sort AngularJS app files depending on module definitions and usage. Used in conjunction with "gulp-inject" to inject your AngularJS application files (scripts) in a correct order, to get rid of all Uncaught Error: [$injector:modulerr]. To work correctly, each angular file needs to have a uniquely named module and setter syntax (with the brackets), i.e. angular.module('myModule', []).
gulp-angular-templatecache Concatenates and registers AngularJS templates in the $templateCache.
gulp-autoprefixer Prefix CSS with Autoprefixer.
gulp-csso Minify CSS with CSSO.
gulp-filter Enables you to work on a subset of the original files by filtering them using globbing. When you're done and want all the original files back you just call the restore method.
gulp-flatten Remove or replace relative path for files.
gulp-inject A javascript, stylesheet and webcomponent injection plugin for Gulp, i.e. inject file references into your index.html. gulp-inject takes a stream of source files, transforms each file to a string and injects each transformed string into placeholders in the target stream files.
gulp-jshint JSHint plugin for gulp.
gulp-load-plugins Automatically load any gulp plugins in your package.json.
gulp-minify-html Minify html with minimize.
gulp-ng-annotate Add AngularJS dependency injection annotations with ng-annotate.
gulp-protractor A helper for protractor and gulp. Run your angular protractor tests with gulp.
gulp-rename Rename files.
gulp-replace A string replace plugin for gulp.
gulp-rev Static asset revisioning by appending content hash to filenames: unicorn.css => unicorn-d41d8cd98f.css
gulp-rev-replace Rewrite occurences of filenames which have been renamed by gulp-rev.
gulp-sass Gulp plugin for sass.
gulp-size Display the size of your project.
gulp-sourcemaps Source map support for Gulp.js
gulp-uglify Minify files with UglifyJS.
gulp-useref Parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets, i.e. <!-- build:<type>(alternate search path) <path> --> ... <!-- endbuild -->.
gulp-util Utility functions for gulp plugins.
http-proxy An HTTP programmable proxying library that supports websockets. It is suitable for implementing components such as proxies and load balancers.
jasmine-core Official packaging of Jasmine's core files for use by Node.js projects.
jshint-stylish Stylish reporter for JSHint.
karma A simple tool that allows you to execute JavaScript code in multiple real browsers. The main purpose of Karma is to make your TDD development easy, fast, and fun.
karma-jasmine A Karma plugin – adapter for Jasmine testing framework.
karma-ng-html2js-preprocessor A Karma plugin. Compile AngularJS templates to JavaScript on the fly. Preprocessor for converting HTML files to AngularJS templates.
karma-phantomjs-launcher A Karma plugin. Launcher for PhantomJS.
lodash The modern build of lodash modular utilities.
main-bower-files Get main files from your installed bower packages.
merge-stream Create a stream that emits events from multiple other streams. This is the merge function from event-stream separated into a new module and given an "add" method so you can dynamically add more sources to the stream.
protractor Webdriver E2E test wrapper for Angular.
require-dir Helper to require() directories.
uglify-save-license License detector for UglifyJS. A support module for UglifyJS to detect and preserve license comments.
wiredep Wire Bower dependencies to your source code.
wrench Recursive filesystem (and other) operations that Node should have.

Published by

David Barreto

David Barreto is a Javascript Developer with a Bachelor's degree in Electronics Engineer and a Master's degree in Systems Engineering. He is passionate about developing web apps, teaching programming, discovering new technologies and learning all about software development methodologies. He currently works at Rangle.io in Toronto.

2 thoughts on “Angular Gulp Generator Package List”

Leave a Reply