jerrylee / AngularJS-Boilerplate

Simple AngularJS Boilerplate to kick start your new project with SASS support and Gulp watch/build tasks

AngularJS-Boilerplate

Simple AngularJS Boilerplate to kick start your new project with SASS support and Gulp watch/build tasks

Features

• SASS support including sourceMaps
• Minimal CSS styling of the view
• Gulp watch, build and local server tasks
• Responsive navigation
• Owl slider directive
• localStorage service for set, get, remove data
• queryService $http wrapper to handle calls
• clear folder structure

Download

bower install angularjs-boilerplate

or

git clone https://github.com/jbutko/AngularJS-Boilerplate.git

1. Setup

npm install && bower install

• install all dependencies

2. Watch files

gulp

• all SCSS/HTML will be watched for changes and injected into browser thanks to BrowserSync

3. Build production version

gulp build

• this will process following tasks:

• clean _build folder
• compile SASS files, minify and uncss compiled css
• copy and minimize images
• copy all HTML files into $templateCache
• build index.html and change base tag into _build folder
• copy fonts
• show build folder size

4. Start webserver without watch task

gulp server

5. Start webserver from build folder

gulp server-build

Contact

Copyright (C) 2015 Jozef Butko
www.jozefbutko.com/resume
www.github.com/jbutko
@jozefbutko

Changelog

1.1.0

• many improvements: responsive nav, code clean up, gulp angular templateCache support, gulp task for local server, SASS sourceMaps support
  29.03.2015

1.0.0

• initial release
  22.03.2015