The Quiet Musings

A Gulpfile for getting started

- July 17th, 2017 -

Every time I start a website project I start first with flat-file pages. HTML and CSS, nothing else. Only after I’m happy with the structure and basics will I merge it into a CMS theme, mostly WordPress.

SASS has become unmissable for me. Although I still do go back to CSS when learning new things like Flexbox or CSSGrid, SASS is my go to when coding. It’s just faster.

I’m not a fan of using tools and frameworks for everyting without a good reason. I like to know what I’m doing, being able to understand all the code, because I coded it and to keep the code simple. But Gulp has become my favorite tool because it helps streamline my coding process and saves time. To think I only got into Gulp to use autoprefixer because SASS mixins wasn’t working.

Now I just keep a good gulpfile to be able to start a new project easily.

Installing Gulp is pretty straight forward. Just follow step 1 to 4 explained in Getting Started with Gulp.

Run npm init in your new project folder. Fill out your project details. Add your packages and gulpfile.js and get coding.

I use the following packages in my basic Gulp workflow:

I keep my gulpfile.js in a Bitbucket repository. Feel free to use it, improve and expand on it. My goal is to learn and get more out of Gulp.

Like finding out how to integrate DPLOY into my gulpfile, if it is even possible. Or how about adding Twig templating? Markdown to HTML? Actually, I just want a flat-file CMS that runs on one gulpfile.js Crazy?