preserveMediaQueries: true still removes <styles>...</styles> from html.

In my code CSS is resolved from tag, if i place CSS in html and run, then tag are left intact, but when adding styles using tag then the styles are not resolved even though inline styles are applied, so preserveMediaQueries: true still removes styles. I am using http-server to run it, and node to create the html.

Here is the html

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <link rel="stylesheet" type="text/css" href="http://127.0.0.1:8080/styles/styles.css">
</head>

Here is the js

var inlineCss = require('inline-css');# const fileName = 'test-inline.html' var fs = require('fs'), path = require('path'), filePath = path.join(__dirname, fileName);

const inlineOptions = { url: ' ', preserveMediaQueries: true };

// Read file fs.readFile(filePath, {encoding: 'utf-8'}, function(err, html) { if (!err) { console.log('received html: ' + html); // Inline css file contents to variable

    inlineCss(html, inlineOptions)
        .then((inlineHtml) => {
            console.log(inlineHtml);
            // Write inlined contents to file
            fs.writeFile('inline-' + fileName, inlineHtml, (err) => {
                if (err) {
                    return console.log(err);
                }
                console.log('write success');
            });
        });
} else {
    console.log(err);
}

});

jonkemp / inline-css

preserveMediaQueries: true still removes <styles>...</styles> from html. #88