A CLI tool that extract style and script resources from html
npm install -g html-resource-generator
hrg -h shows the help:
Usage
$ hrg <input>
Options
--out, -o Output file name. Default: manifest.json
--prefix, -p Add prefix to the path of external resources
--help, -h show help
--version show version
Examples
$ hrg index.html -o manifest.json
Assume we have index.html like this:
<!doctype html>
<html lang="en-AU">
<head>
<link href="/client/dist/styles.d1f7c9f576103c62cb95.bundle.css" rel="stylesheet" />
</head>
<body>
<script type="text/javascript">
function inline() {
console.log('inline');
}
</script>
<script type="text/javascript" src="/client/dist/main.c2e1bcb424c7762ae48a.bundle.js"></script>
</body>
</html>hrg index.html -o manifest.json gives following manifest.json.
{
"styles": [
{ "inline": false, "value": "/client/dist/styles.d1f7c9f576103c62cb95.bundle.css" }
],
"scripts": [
{
"inline": true,
"value": "\n function inline() {\n console.log('inline');\n }\n "
},
{ "inline": false, "value": "/client/dist/main.c2e1bcb424c7762ae48a.bundle.js" }
]
}hrg index.html -o manifest.json -p myapp gives following manifest.json.
{
"styles": [
{ "inline": false, "value": "myapp/client/dist/styles.d1f7c9f576103c62cb95.bundle.css" }
],
"scripts": [
{
"inline": true,
"value": "\n function inline() {\n console.log('inline');\n }\n "
},
{ "inline": false, "value": "myapp/client/dist/main.c2e1bcb424c7762ae48a.bundle.js" }
]
}- Check CHANGELOG.md
MIT