metalsmith-js-packer
Javascript packer/minifier/uglifier for metalsmith"
This plugin is a Javascript optimizer: it will pass on generated HTML, look for scripts tags (external, internal, inline) and bundle all script in one place.
You can chose to pack your script in one file, as this, packed script can be reused through multiple pages. Or you can directly insert packed script as inline script.
If this plugin doesn't fit your needs, please don't hesitate to ask for feature requests.
Installation
npm install --save metalsmith-js-packer
Usage
Javascript API
The example bellow show the minimum code needed to pack your files.
const metalsmith = ;const jsPacker = ; source'./src' ;
Examples
Here is an example with generated HTML output file
HTML Input
My awesome page ! <!-- let's imagine we have an awesome website here -->
HTML Output
My awesome page ! <!-- let's imagine we have an awesome website here -->
Here we can see, all script tags are packed/uglified in one file,
which is included and writed on filesystem
Exclude script element from packing
HTML Input
My awesome page ! <!-- let's imagine we have an awesome website here -->
HTML Output
My awesome page ! <!-- let's imagine we have an awesome website here --> <!-- notice that hash has changed, and another file is created -->
Options reference
name | default | description |
---|---|---|
inline |
false |
if true , write packed content in a inline script tag instead of a local script |
siteRootPath |
/ |
Use if your site root path is not / |
outputPath |
assets/javascript/ |
Customize output location of packed script |
uglify |
true |
Enable/disable script uglify |
uglifyOptions |
{} |
Options passed to uglify |
removeLocalSrc |
false |
If set to true local source files are not copied in build directory |
hint: metalsmith-js-packer use debug