d8e

A node CLI tool for bundling/preparing a static HTML website for deployment.

Setup

1. npm install -g d8e@latest

2. Create a config file called .d8e - in the root of your project - like:

{
  "inputDirectory": "src2",
  "outputDirectory": "dist",
  "verbose": false
}

3. Structure your codebase like this:

<inputDirectory>
    -> index.html
    -> style
        -> main.css
    -> asset
        -> video
        -> img
        -> font  

NOTE:

1. Code AND assets must be placed inside <inputDirectory>
2. Images must be placed inside <inputDirectory>/asset/img
3. Videos must be placed inside <inputDirectory>/asset/video
4. Fonts must be placed inside <inputDirectory>/asset/font
5. JavaScript inside <inputDirectory>/script

4. Run d8e b

How It Works

1. Traverse all HTML files - in the specified inputDirectory (which is defined in .d8e)
2. Convert all JS & CSS into inline HTML scripts
3. Minify the JS, CSS & HTML
4. Copy the HTML files - and any images & fonts - to the specified outputDirectory (in .d8e)