inline-css
inline-css copied to clipboard
jonkemp
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
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);
}
});
