Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    grunt-browser-outputpublic

    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.loadNpmTasks('grunt-browser-output');

    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.initConfig({
      browser_output: {
        options: {       //all options are optional 
          port: 37901    //default is 37901 
        }
      },
    })

    Add browser_output before your watch task.

    grunt.registerTask('serve', ['browser_output','connect', 'watch']);

    Finally, add the following script tag to your web page:

    <script src="node_modules/grunt-browser-output/client.js"></script>

    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.initConfig({
      browser_output: {
        options: {
           ssl: true,
           key: grunt.file.read('path/to/server.key'),
           cert: grunt.file.read('path/to/server.crt')
        }
      },
    })

    And in your index.html add put ?ssl=true on the end of the client.js script tag:

    <script src="node_modules/grunt-browser-output/client.js?ssl=true"></script>

    Release History

    • 3/13/2014 - v0.1.0 - Initial release.

    Keywords

    install

    npm i grunt-browser-output

    Downloadsweekly downloads

    902

    version

    1.0.3

    license

    none

    repository

    github.com

    last publish

    collaborators

    • avatar