grunt: how to generate jshint output as HTML

Question

I'm trying to run jshint using grunt. This works, but now I would like the output to be HTML. Here is my grunt file

module.exports = function(grunt) {

    // Project configuration.
    grunt.initConfig({
        jshint: {
            all: ['Gruntfile.js', 'src/*.js']
            , options: {
                //reporter: 'jslint'
                reporter:'checkstyle'
                , reporterOutput: 'jshint.html'
            }
         }
    });

    grunt.loadNpmTasks('grunt-contrib-jshint');
};

Running this grunt taks, the output is in XML. Any suggestion how to turn this into something that outputs HTML ?

Thanks a lot

score 4 · Accepted Answer · edited Jan 23 '14 at 16:26

4

You would need to write a custom reporter. Check the jshint docs on writing custom reporters: http://jshint.com/docs/reporters/ Then you can specify the path to the reporter with:

options: {
  reporter: '/path/to/custom/html/reporter',
  reporterOutput: 'jshint.html'
}

edited Jan 23 '14 at 16:26

dcodesmith

9,590
4
36
40

answered Jul 05 '13 at 16:33

Kyle Robinson Young

13,732
1
47
38

So, has someone written such a reporter ? It should be pretty straightforward to do so I'd rather use an existing one instead of trying to reimplement it. – Guillaume Esquevin Sep 17 '13 at 15:58
I haven't seen an existing HTML reporter. Just XML and JSON mostly. – Kyle Robinson Young Sep 17 '13 at 22:24
2

You could check this one: [jshint-html-reporter](https://www.npmjs.org/package/jshint-html-reporter). I used to show the reports in CI builds and it works like a charm. – Christian Martinez Aug 28 '14 at 18:39

score 4 · Answer 2 · answered Aug 11 '16 at 13:27

You can use jshint reporter from nodejs

This generates output in HTML

https://www.npmjs.com/package/jshint-html-reporter

Include this in your GruntFile.js

grunt.initConfig({
    jshint: {
        options: {
            reporter: require('jshint-html-reporter'),
            reporterOutput: 'jshint-report.html'
        },
        target: ['file.js']
    }
});

grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.registerTask('default', ['jshint']);

grunt: how to generate jshint output as HTML

2 Answers2

Linked