In the Adding the connect and open task and Adding the concurrent task recipes of this chapter, you can find how to get a live preview of your changes to your code. Instead of using grunt-concurrent
, you can also achieve the same with the browser extensions from LiveReload. Currently, extensions are available for Safari, Google Chrome, and Firefox. Notice that the extension for Safari does not work with file URLs.
This recipe requires you to have the watch plugin, as described in the Adding the watch task recipe, and the Less plugin, as described in the Adding the Less compiler task recipe, installed. You will also need Safari, Google Chrome, or Firefox browser, and the free LiveReload extension installed. More information about installing the browser extension can be found at http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions.