grunt-browser-output
Show grunt errors in a popup window in your browser.
This plugin will mirror the Grunt console output in a browser window when a plugin shows warnings or errors. The motivation is to avoid having to toggle back to a terminal window to see errors (ex. JSHint warnings) during a grunt/watch/livereload session.
Only works in modern browsers with WebSocket support.
Getting Started
npm install grunt-browser-output --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt;
Important: Using this plugin with grunt-contrib-watch
and livereload
requires grunt-contrib-watch
version 0.6.0
or higher and you must configure livereloadOnError = false.
The "browser_output" task
Overview
In your project's Gruntfile, add a section named browser_output
to the data object passed into grunt.initConfig()
.
grunt
Add browser_output
before your watch
task.
grunt;
Finally, add the following script tag to your web page:
HTTPS/SSL
If you run your site over HTTPS, you'll likely want to configure this task to also use HTTPS. Change the task config:
grunt
And in your index.html add put ?ssl=true
on the end of the client.js script tag:
Release History
- 3/13/2014 - v0.1.0 - Initial release.