Tag: Grunt

Ember makes use of the wonderful Handlebars templates. These templates, in order to be performant, must be precompiled. Based on the Ember docs, it’s not abundantly clear how this is to happen. Here’s a solution that works well.

Yeoman is great developer tool that will help you generate a project format that is easy to get up and running quickly. Out of the box, Yeoman only generates static sites. But, with a few small tweaks, you can get it running on an app server, Nodejs, and up on Heroku.

LiveReload is a wonderful tool/strategy for being able to develop websites more quickly. You can make a change and see it immediately shown in the browser without requiring you to manually refresh. To do this in NodeJs with Express, you’ll need just a few packages.

Grunt is a great build tool for JavaScript projects. It comes with a lot out of the box, and you can write your own custom tasks. It joins a world fraught with many, glorious build tool options. So, a bit has been made of the decision to have Grunt join the fray. Perhaps most prominently, Miller Medeiros had a few problems with Grunt. And in response, Ben Alman gave his reasoning on why he wrote it. Having used it for a bit, I have a few impressions. Here they are so far.

Does your project use GruntJs as a build tool? Have you ever to customize your build to the environment you’re deploying to? It’s handy to be able to specify certain commands to run or keep from running. It’s likely essential to be able to change environment-specific variables via Grunt. It’s not bad. Most of the leg-work has been done by earlier generations – that is, if Grunt is old enough to have earlier generations yet.

RequireJs features a fantastic optimization tool, r.js, that utilizes UglifyJs to minimize and concatenate your JavaScript code. Grunt is a build tool that is great for standardizing your build configuration and coordinating multiple build steps – amongst its other wonders. Hopefully you get to use both on your project, because they’ll both make your development process smoother and leave you to the funnerest stuff – writing sweet apps.

Have you used GruntJs to build your JavaScript project yet? It’s a great tool. Often as a part of the build configuration, you’ll want to access your package.json with grunt. Grunt has some built-in support for this. Some bits can be a little tricky, and some plugins have limited support. Here are some ways around all that.