Static Web Builder

It is a simple static web builder. It has been built to build static web pages.

It works for me 👍. it has been designed mainly for my own use.

How to install

npm install @jeromeeetienne/static_builder

How to use

npx static_builder -h

How to use with npx

When it isnt installed, you can use it with npx

npx @jeromeeetienne/static_builder -h

When it is installed, you can use it with npx

npx static_builder -h

How to publish a new npm version

npm run publish

• the npm organisation where it is published
  • https://www.npmjs.com/org/jeromeetienne
• the npm page itself https://www.npmjs.com/package/@jeromeetienne/static_builder

Goal Declaration

• ./web is for development only, ./dist is for production only
• We convert ./web to ./dist using this script

Why to do it manually

• i tried with vite... it was easy at first 😃 and then it becames a nightmare
• i lose time trying to understand how vite works, and working around it

./web File Structure

• ./web has 'pages' e.g. ./web/home/ is the home page
• ./web/{page}/index.html is the html page
• ./web/{page}/js/main.js is the entry point for js
• ./web/{page}/css/main.css is the entry point for css

File processing

• .html.ejs needs to be converted to .html
• .js needs to be bundled and minified
• .css needs to be bundled and minified
• ./web/{page}/vendor/ is copied as is
• ./web/images/ is copied as is
• ./web/index.html is copied as is
• a CNAME file is copied to ./dist
  • it is the github pages domain - contentmagick.ai

Published on npm