aaronwaldon

How to set up Gulp with a Craft CMS project

I freaking love working with technologies like Gulp, and wanted to share how to get my current Craft front-end workflow set up. With a few tweaks, this can also be used with virtually any other sites (I've used it with Laravel, static sites, ExpressionEngine, etc).

Project Directory Structure

• project root/
  • craft/
    • templates/
• (your craft template files)

aaronwaldon

#Gulp Workflow

##First Time Setup

The following steps only need to happen once:

• Step 1 Add package.json and gulpfile.js to the root of your project.
• Step 2 If Node is not yet installed on the machine, it will need to be installed.
• Step 3 If Gulp has never been set up on the machine, the Gulp CLI will also need to be installed by running npm install gulp -g

aaronwaldon

How to set up Gulp with an ExpressionEngine project

I freaking love working with technologies like Grunt and Gulp, and wanted to share how to get my current EE front-end workflow set up. With a few tweaks, this can also be used with virtually any other sites (I've used it with Laravel, static sites, Craft, etc).

Install Node.js

• If Node is not yet installed on the machine, it will need to be installed

Install Gulp (if needed)