bharathkumarms/angular-gulp-boilerplate

Clean Angular 1.5 boilerplate with basic Gulp tasks designed to automate your daily development routine such as templates, scripts and styles concatenation, uglification and minimisation

Angular Gulp Boilerplate

Clean Angular 1.5 boilerplate with basic Gulp tasks designed to automate your daily development routine such as templates, scripts and styles concatenation, uglification and minimisation.

As a result your entire Angular project will be compiled to five files (index.html, app.js and vendor.js, app.css and vendor.css) and source maps if needed.

What you will get?

Angular 1.5 with UI-Router, automated services injecting by ng-annotate, gathering HTML templates into $templateCache and making source maps for debug.

SASS compiler with Autoprefixer and making source maps for development and production versions, Normalize.css.

ESLint with Angular plugin for code linting.

Bower and Wiredep for automated injecting vendor dependencies.

Browsersync for comfortable development and live reloading.

HTML, JS and CSS concatenation, uglification, minimisation and adding hash like app-442e02212b.js to avoid caching for production version.

Quick start

Dependencies

Boilerplate needs npm and bower to work. For running gulp tasks from command line, install it globally:

$ npm install -g gulp

Install

Clone repository from GitHub:

$ git clone https://github.com/1oginov/Angular-Gulp-Boilerplate.git NewProject

Jump into NewProject directory and install npm dependencies:

$ cd NewProject
$ npm install

Next, install bower dependencies:

$ bower install

And that's it! Now, you can use gulp task to check if everything is awesome:

$ gulp serve

Your default browser will be launched at http://localhost:3000 serving your project.

Gulp tasks

Main tasks

• gulp default is for production, cleans dist folder and builds your entire project into it;
• gulp serve is for development, launches your project at http://localhost:3000 and watches for changes in sources.