Skip to content

JamesMcGuigan/edgefolio-gulp-whitelabel-buildchain

Repository files navigation

Edgefolio Gulp Whitelabel Buildchain

Whitelabel gulp buildchain for Edgefolio's production angular apps

(c) 2016 Edgefolio AS

Other README.md Files

Overview

Installation

npm install
bower install
typings install

Top level build commands

gulp icon-sass                       # autogenerate sass variables/classes from image directory

gulp clean                           # remove generated files
gulp test-unit                       # compile test resources and run karma tests   
gulp production                      # default production build (--whitelabel=edgefolio)
gulp production --whitelabel=thales  # whitelabel production build
gulp staging                         # staging build - concatinated but not minified assets
gulp development                     # development build - one HTTP request per file and no template caching or CSS image preloading
gulp watch-development               # run file watchers to recompile any generated assets when file dependancies change
gulp                                 # default task: gulp development watch-development               

Lint support

gulp lint-jsl 
gulp lint-eslint
gulp lint-jshint
gulp lint-sass

Generated Code

Generated code in .gitignore

  • /src/whitelabel/ - hardlink virtual filesystem for whitelabel assets
  • /src/production/ - compiled javascript and html assets generated by gulp
  • /src/css/ - compiled css generated from /src/css-scss
  • /tests/_output/ - output reports for karma and protractor tests

Generated files

  • /src/css-scss/_autogenerated/icons-gulp.scss - autogenerated SASS variables via gulp icon-sass
  • /src/whitelabel/_whitelabel_filesystem.json - filesystem mappings for /whitelabel/ virtual filesystem

Generated files in /src/production/

  • (.*).includes.conf - text based includes files that can be recursively referenced
  • (.*)-includes.json - list of files to injected or bundled
  • (.*)-gulpConfig-(.*).ks - gulp build information
  • (.*)-templates.js - gulp-angular-templatecache output
  • (.*)-imageprecache.css - css image precaching
  • (.*)-js-code.min.js - production bundled javascript code - in-house code
  • (.*)-js-libs.min.js - production bundled javascript code - third party libraries
  • (.*)-index.html - HTML injected with production bundles
  • (.*)-index-unoptimized.html - HTML injected with individual javascript files for easier debugging

Project Structure

Directories

Gulp Files:

Whitelabel Source Directories

  • /src/_config/ - Whitelabel JSON -> JS + CSS + JSON configuration -> /src/_config/_autogenerated
  • /src/images/ - Whitelabel image asset directory

Placeholder Applications

Root .includes.conf files

About

Gulp Production Whitelabel Buildchain for Edgefolio's Angular Apps

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published