How to parse HTML to DOM with Grunt

Question

I am new to Grunt, trying to find a way to load multiple HTML files and parse them to extract some values.

I tried to use jQuery.parseHTML, HTMLParser but both are not defined. Is there a way to include jQuery or a lib that can parse HTML?

grunt.config.init({
    concat: {
        options: {
            dest: 'tmp',
            templates: ['public/*.html']
        }
    }
});

var recursiveConcat = function(source, result){
    grunt.file.expand(source).forEach(function(file){
        var data = grunt.file.read(file);
        // parse html to dom
        result += data;
    });
    return result;
};

Node is not a browser so it doesn't have `window` or `document`. Even if you load jQuery you'll still not have a DOM parser. — Álvaro González, Jun 23 '16 at 15:22
Related questions: [How do I parse a HTML page with Node.js](http://stackoverflow.com/q/7372972), [Why doesn't node.js have a native DOM?](http://stackoverflow.com/q/6657216) — Marat Tanalin, Jun 23 '16 at 15:28

score 2 · Answer 1 · answered Jun 28 '16 at 19:50

2

Cheerio is a DOM parser that I enjoy using. I haven't tried this, but grunt-dom-massager allows you to load Cheerio in your Gruntfile.

answered Jun 28 '16 at 19:50

Sean Fahey

1,850
3
26
36

score 0 · Answer 2 · answered Jun 23 '16 at 15:16

It looks like writing your own Grunt Task is pretty straightforward. Samples and walkthroughs here and here

then you create a task using htmlparser to manage your process.

However unless you are going to re-use this or pair it with some other grunt task (like grunt-watch) you might find it easier to just create a node script using htmlparser

How to parse HTML to DOM with Grunt

2 Answers2