AngularJS-Boilerplate

Simple AngularJS Boilerplate to kick start your new project with SASS support and Gulp watch/build tasks
0 people use it
Author: 4448836?v=3 jbutko

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
  • less than 10 request in build version

Download

bower install angularjs-boilerplate

or

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

1. Setup

npm install && bower install - install all dependencies

Note: If npm install fails during dependency installation it will be likely caused by gulp-imagemin. In that case remove gulp-imagemin dependency from package.json, run npm install again and then install gulp-imagemin separately with following command: npm install gulp-imagemin --save-dev

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 optimize images
  • copy all HTML files into $templateCache
  • build index.html
  • 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

comments powered by Disqus
This page was last updated about 2 years ago.