Gulp build with logfile containing a list of all bundled files

[JanOschii]

Dear Sebastian,

first of all, your project is well structured and documented. Really a good starting point for a new angular 2 project. I learned alot by reading your documentation – thank you very much for efforts!

Now I came a cross with a question that leads me to a possible enhancement of the modern web dev build.

If I currently build a project, I dont have a chance to get a easy overview about the files that are included in the bundled css and js files. It would be nice to have this either on shell or in a logfile.

simple version:

bundle.min.js
└ wrapper.controller.ts
└ header.controller.ts
└ page-about.ts
...
bundle.min.css
└ _wrapper.css
...
vendor.min.js
└ no files
...
vendor.min.css
└ normalize.css
...

extended version

bundle.min.js (527 kB)
└ components/wrapper/wrapper.controller.ts (1.74 kB)
└ components/header/header.controller.ts (2.39 kB)
└ pages/page-about/page-about.ts (1.10 kB)
...
bundle.min.css (231 kB)
└ components/wrapper/_wrapper.scss (0.12 kB)
...
vendor.min.js (0 kB)
└ no files
...
vendor.min.css (2 kB)
└ jspm_packages/github/necolas/[email protected]/normalize.css (1.10 kB)
...

This would give a user the chance to see in a glimpse where he can optimize or need to debug the bundles.

[dsebastien]

Hey,

I want to add a verbose mode (as an option) to the build. See #41.
I know how to implement it throughout the build tasks but haven't had time to look into it yet.

Basically if you look at the different build tasks, it could simply start by using the "debug" module to output additional infos during the execution of the tasks.

You're welcome to contribute (even part of) this if you have time :)

[JanOschii]

Perfect.
I hope it help you too, if I share the conclusions I am come up with.