Skip to content

Latest commit

 

History

History
48 lines (31 loc) · 1.06 KB

README.md

File metadata and controls

48 lines (31 loc) · 1.06 KB
Raw

Hyparcel

A Hyperapp v2 + TailwindCSS + Parcel boilerplate, with PurgeCSS intergrated in production.

Dependencies

  • Hyperapp v2
  • Parcel v1.12
  • Tailwindcss v1.4

Get Started

git clone https://github.com/bonniss/hyparcel.git
cd hyparcel
  • Install dependencies
npm install
npm run dev
  • Build assets for production
npm run prod

Controlling CSS

In development, you should have full power on utilities offered by Tailwind. Therefore, no CSS purging and minification are executed to keep bundling fast.

Tailor Tailwind to your need by configuring tailwind.config.js. The CSS seed file is located at src/css/main.pcss. Note that as Purgecss is configured in postcss.config.js, you should keep tailwind.config.js's purge: false to suppress warnings when bundling for production.

If you want to generate CSS only:

npm run build:css

By default, a verbose output is located at src/css/style.css.