A simple Tailwind CSS + HTML Includes page builder

Build static pages with your Tailwind CSS and JavaScript embedded

NPM Packages Used

• Tailwind CSS - A utility-first CSS framework for rapid UI development
• HTML Includes - HTML compilation with partial includes and minification
• Servor - A dependency-free dev server for modern web application development

Features

• Embedded Tailwind CSS within <style>
• HTML Includes with the ability to pass parameters + nesting
  • e.g. <script>${require('./_scripts.js')}</script>
• Dev server with Watch suppport
• Minify all the things (HTML/CSS/JS) into one single HTML file on build

NPM Scripts

Install

npm install

Develop / Serve / Watch

npm run serve

Open your page on localhost:8080.

Build / Deploy

npm run build

Notes

• dist is destroyed and recreated from src on each build/serve
• Image and binary files will only be copied from src to dist on each build/serve (no Watch support)
• Files in src starting with an _ underscore) will not be copied to dist