d8e

A CLI tool for bundling/preparing vanilla HTML, CSS & JS for deployment.

Setup

1. npm install -g d8e@latest

2. Structure your codebase like this:

src/
    -> index.html
    -> style
        -> main.css
    -> script
        -> main.js
    -> asset
        -> video
        -> img
        -> font

3. Run d8e

How It Works

1. Copies src/ to dist/
2. Deduplicates CSS declarations (via css-dedup), then minifies every JS and CSS file
3. Content-hashes each JS/CSS filename and rewrites references to it in the HTML and JS (resolved per referencing file, so same-named files in different folders stay distinct)
4. Minifies the HTML

Deploying to npm

1. FIRST TIME ONLY: run npm login
2. Bump the version in package.json
3. Run npm run deploy