[build-your-own] oust
Inspired from https://github.com/addyosmani/oust
API
Options
| Attribute | Required | Description |
|---|---|---|
htmlString |
True | a valid HTML string to parse for references |
type |
True | one of stylesheets, scripts, styles, links, images
|
cb |
False | Filter via callback |
Usage
First include:
const oust = require('oust');
Extract stylesheets references <link rel="stylesheet">
console.log(oust('<link rel="stylesheet" href="styles/main.css">', 'stylesheets')); // output: ["styles/main.css"]
Extract stylesheets references with media print <link rel="stylesheet" media="print">
console.log(oust('<link rel="import" href="../polymer/polymer.html">', 'stylesheets', ($el, i) => {
return $el.attr('media') === 'print';
})); // output: ["../polymer/polymer.html"]
Extract script references <script src>
console.log(oust('<script src="scripts/main.js"></script>', 'scripts')); // output: ["scripts/main.js"]
Extract inline styles <style>...</style>
console.log(oust('<style>body {padding:0}</style><style>h1 {font-size: 5rem}</style>', 'styles')); // output: ["body {padding:0}", "h1 {font-size: 5rem}"]
Extract URL references <a href>
console.log(oust('<a href="contact.html">Contact</a>', 'links')); // output: ["contact.html"]
Extract image source references <img src>
console.log(oust('<img src="http://placekitten.com/200/300">', 'images')); // output: ["http://placekitten.com/200/300"]