{"id":869,"date":"2015-08-24T00:17:12","date_gmt":"2015-08-23T19:17:12","guid":{"rendered":"https:\/\/ahmadawais.com\/?p=869"},"modified":"2023-08-16T05:45:05","modified_gmt":"2023-08-16T12:45:05","slug":"my-advanced-gulp-workflow-for-wordpress-themes","status":"publish","type":"post","link":"https:\/\/ahmadawais.com\/my-advanced-gulp-workflow-for-wordpress-themes\/","title":{"rendered":"My Advanced Gulp Workflow for WordPress Themes"},"content":{"rendered":"

If you are an absolute beginner when it comes to Gulp, you might want to read Introducing WPGulp: An Easy to Use WordPress Gulp Boilerplate<\/a>. Moreover, this post is just an article, which hasn’t been updated in a long time. I maintain this workflow under WPGulp<\/a> repository. I suggest you all to read this post to get an idea and use WPGulp instead.<\/p><\/blockquote>\n

If you are not using Gulp or any task runner, believe me when I say that you are missing out on all the front-end fun stuff. Today, I intend to share my advanced Gulp based automated workflow for building WordPress themes, with the community.<\/p>\n

I remember the time when I had to minify CSS and JS files, compress the images and the fuss of testing my designs across different browsers let alone devices \u2014 oh my. If my recollection of lost isn’t misleading me then I used to spend like 30% of my productive hours on this stuff.<\/p>\n

JUST A NOTE!<\/em>
\n\ud83d\udc68\u200d\ud83d\udcbb I’m teaching thousands of devs how to become VSCode Power Users<\/a> \u2192
\n\u2705 This site is super fast?! It’s hosted with Kinsta on Google servers \u2192<\/a><\/p><\/blockquote>\n

Thankfully, someone wrote a piece about DRY (Don’t Repeat Yourself) and it got me thinking about the flaws in my workflow. I believe a tweet from Chris Coyer led me to start using Grunt<\/a> in 2012 or a little later. I used it for over a year and boy it was a fun ride.<\/p>\n

Why Gulp?#<\/a><\/h2>\n

While Grunt took care of optimizing images, compressing scripts, and compiling Sass, I never really enjoyed writing Grunt files. Then in Dec 2013, I heard about this new task runner called Gulp<\/a>. On a Sunday morning, I thought to create a dummy project and try Gulp, to say that I was hooked would be an understatement.<\/p>\n

Why Do I Like Gulp?#<\/a><\/h3>\n

At that time, there was hardly any documentation available for using Gulp with WordPress, but thanks to the awesome helping community at Stack Exchange<\/a>, I was able to make it work. I found Gulp to be a lot better than Grunt. Here is why:<\/p>\n