Inline and compress all <script> or <link> tags that contain the inline attribute.
Note: Resources are loaded synchronously, so these operations are best done during a build or template precompile step, and not per server request.
inline(htmlpath, [html], [options]): synchronously parse html content for <script> and <link> tags containing an inline attribute, and replace with (optionally compressed) file contents.
If html content is omitted, content will be loaded from htmlpath.
Available options include:
compress: enable/disable compression of inlined content (defaulttrue)swallowErrors: enable/disable suppression of errors (defaulttrue)rootpath: directory path used for resolving absolute inlineable paths (defaultprocess.cwd())attribute: attribute used to parse sources (defaultinline)inlineJS: enable/disable inlining of<script>tags (defaulttrue)inlineCSS: enable/disable inlining of<link>tags (defaulttrue)pretty: maintain leading whitespace whenoptions.compressisfalse(defaultfalse)
NOTE: If an error is encoutered when inlining a tag, the inline attribute will be removed and the remaining tag contents will be left untouched unless options.swallowErrors = false
$ npm install inline-source<!-- located at project/src/html/index.html -->
<!DOCTYPE html>
<html>
<head>
<!-- inline project/src/js/inlineScript.js -->
<script inline src="../js/inlineScript.js"></script>
<!-- inline project/www/js/inlineScript.js -->
<script inline src="/js/inlineScript.js"></script>
<!-- inline project/src/css/inlineStyle.css -->
<link inline rel="../css/inlineStyle.css"></link>
</head>
</html>var inline = require('inline-source')
, fs = require('fs')
, path = require('path')
, htmlpath = path.resolve('project/src/html/index.html');
var html = inline(htmlpath, {
compress: true,
swallowErrors: false,
rootpath: path.resolve('www')
});