Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Colin Birdwell
Colin Birdwell
9,733 Points

I could use some Gulp pointers and advice, please.

Howdy yall,

I'm a front end developer that historically only worked with CMS' changing CSS, HTML, and Javacript directly. I however have seen the light and started deving out my projects locally, after going through Sass, Node, and Gulp training (I have fallen in <3 love </3 with Gulp).

I took the Gulp template that I built in Mr. Hedinger course, customized & documented it to suit my front-end needs. The template is stable (well so far only tested on my rig), which I've published to Github. It's making my life a lot easier, but it could use some improvements.

Specifically I could use something similar to the ModX's Chunk [[$chunk]] and Template Variable [[*tv]] capabilities to split up my HTML files into more manageable blocks. Correct me if I'm wrong, but this is similar functionality to ExpressJS router. I'm trying to avoid converting my base .html files into .ejs since I would be uploading these to CMS's anyways so I want to keep conversions down to a minimum; also I have no idea how I would integrate it into Gulp.

So far I have these packages in my environment:

gulp-concat gulp-uglify gulp-rename gulp-sass gulp-sourcemaps del gulp-util gulp-plumber browser-sync

Improvements I already know I'm going to have to add in future versions are a css minifier and .git ignore (right now you have to download all the node modules, very bloated).

I would appreciate any package suggestions for front end development, any constructive criticism (I'm still very new and understand if this is really crappy), or corrections I need to make in my documentation. The project is located here: https://github.com/C-Birdwell/FeeG

Thank you in advance, I really appreciate it. P.S. Examples are a plus!