INSTALLATION: npm install gangle -g
USAGE: Just browse to the folder that your web application is in and type 'gangle', everything is just done for you. If you add a new file, run 'gangle' again, sorry that's the way it is (for now).
What happens now is pretty opinionated.
YOUR PROJECT TREE (EXAMPLE):
This is only a rough example of a simple project, but is enough to illustrate which files are actually built and which are ignored.
. ├── node_modules | ├── module 1 * Ignored | ├── module 2 * Ignored | └── module 3 * Ignored ├── _vendor | ├── angular | ├── angular.min.js * Built into ./dist/all.min.js ├── src | ├── file1.js * Built into ./dist/all.min.js | └── file2.js * Built into ./dist/all.min.js ├── css | └── custom.css | └── component.css ├── dist | ├── all.min.js * File generated by GANGLE! ├── templates | └── file1.html └── index.html └── package.json * Ignored └── myscript.js * Built into ./dist/all.min.js
Which means once a file changes, look into the './dist/all.min.js' file. This contains everything.
Just make a reference to this file in your html.
It's never going to set the world alight. But as a journey, I like to think about build systems in the simplest possible way.
Convention over configuration just gives me a huge boost to get started.