How to Do a Grunt Build Using Sublime Text

code | 9-13-2013

Sublime Text is a really great editor for writing code. It is actually my editor of choice at the moment. One nice feature that comes with Sublime is the ability to specify a custom build type. Sublime comes with several built-in build systems, but I've recently discovered that rolling my own build system is really simple. Here is how I got Sublime to build my JavaScript and Node scripts using Grunt.

Assuming you are already running Grunt for your build, you can simply go to Tools>Build System>New Build System in the Sublime menu and a new JSON file will appear.

Adding a new build

For my grunt build, I modified the file to look like this:

{
    "shell": true,
    "cmd": ["grunt"],
    "path": "/Users/myUserName/nvm/v0.10.1/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin"
}

The only thing you may need to modify is the path. The path is important because the build system will need to know where to locate Node on your machine. If you aren't sure what your path should contain, you can run this in your terminal:

echo $PATH

If Node already works on your machine and you copy the string that the terminal returns, it should work.

The $PATH

Now, save your json file as Grunt.sublime-build and go to Tools>Build System>Grunt to use it as the default build system.

Running a build

To test it out, run cmd+B in Sublime. It should kick off Grunt and run your build like normal. Any messages will be spit out into your sublime console.



About the Author

Tyson Cadenhead is a Senior JavaScript Developer at Aloompa. He lives in the greater Nashville area. His specialty is writing large, scalable JavaScript applications on the client and server side. His passions are for good design, usability, and clean, reusable code.

Tags: Grunt Sublime

Related Posts:

comments powered by Disqus

Don't Miss Anything!

Sign Up For My Email Newsletter

I Wrote a Book!

Popular Posts