Packaton WIP

Static Site Generator (SSG). Inlines CSS and JS and creates a header file with their corresponding CSP hashes.

Usage Example

https://github.com/ericfortis/mockaton/tree/main/www

Limitations

• src and href URLs must be absolute
• must have an index
• Ignored Documents start with _, so you can't have routes that begin with _
• Non-Documents and Files outside config.assetsDir are not automatically copied over, you need to specify them.

HTML Template

Optionally, you can create an HTML template. For example, to handle the common header, navigation, and footer.

Assets and CSP

The production bundler inlines the JavaScript and CSS. Also, it computes their corresponding CSP nonce and injects it as well.

Images and Videos (immutable naming)

For long-term caching, media-remaper.js appends an SHA-1 hash to the filenames and takes care of rewriting their src in HTML (only in HTML).

If you want to use media files in CSS, create a similar function to remapMediaInHTML but with a regex for replacing the url(...) content.

Production Build

It crawls the dev server, and saves each route as static html page. It saves the pages without the .html extension for pretty URLs. See Pretty routes for static HTML

Minifiers

import { minify } from 'terser'


const terserOptions = {}

Packaton({
  minifyJS: async js => (await minify(js, terserOptions)).code
})

To avoid minifying, you can pass a=>a