Grunt Plugins


npm install grunt --save-dev
npm install grunt-contrib-uglify --save-dev


Use with SublimeText

For a faster workflow, I use SublimeText.


Additional Requirements


Build System

Build systems make it easier to compile everything (like your Grunt) upon saving, without having to enter code in vim.

Here’s a sample Build System (to create a new one: Tools > Build System > New Build System) to use with Grunt:

"cmd": ["grunt", "default"],
"selector": ["Gruntfile.js"],
"path": "/usr/local/bin:/usr/local/sbin:/Users/YOURNAME/.rvm/gems/ruby-2.0.0-p0/bin",
"working_dir": "${project_path:${folder}}",
"osx": {
"cmd": ["grunt", "default"]

** Make necessary adjustments on your path if you’re using something different.


Auto-upload on server with SFTP

Use SFTP with SublimeText to automatically reflect all changes you make locally to the test server.

3 thoughts on “WordPress Development with Roots (Bootstrap, SASS/LESS) and Grunt

    1. I use git with my projects manually, although SFTP has another package that has Git too. Haven’t tried it yet though!

Leave a Reply

Your email address will not be published.