Skip to content

Sample gulp tasks encoded for future references

Notifications You must be signed in to change notification settings

priceline/usage-gulp

 
 

Repository files navigation

usage-gulp Build Status

Often I hear folks struggling with workflow management with what tool to use or what plugin to incorporate in process?
Here is a sample project with gulp tasks encoded for future references focusing on Workflow Management. I've tried to document most information as I understand and I tend to keep updating it. Please feel free to point out issues or contribute as you like.

While writing this package, I realized that there are several ways of structuring package management. I've included few samples in a folder with explanations alongside.
[Check out the 'samples' folder for further details]

Assumptions

You have node and npm installed already.

Usage

To be decided. As of now dumping code.

Let's talk about WorkFlow Management

There is no right way to do it, but what majority of workforce understands and avoids most of the manual process. WFM can be achieved in several ways depending on the consumer's choice. Here is a brief synopsis of different types:

  1. Do all processing based the files listed in index html

  2. Process all the files in package and give a final file name(s) to index.html

Sort notes: Think about local development ease Ease of packaging Ease of change management Ease of third party code import management Check if you could preen third party code

Directory structure?? Does it matter? Can WFM be independent of directory structure or even close to? What am I going to give you via this project?

References:

https://github.com/gulpjs/gulp/tree/master/docs/recipes
https://blog.engineyard.com/2014/frontend-dependencies-management-part-2

PS:

Please feel free to leave feedback or contribute to the project.

Random notes:

Autoprefixer - https://css-tricks.com/autoprefixer/
JSHint - https://www.npmjs.com/package/gulp-jshint
JSHint config - http://jshint.com/docs/options/
Preen - https://www.npmjs.com/package/preen
SourceMaps - http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

About

Sample gulp tasks encoded for future references

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 78.1%
  • CSS 19.1%
  • HTML 2.8%