Skip to content

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

Notifications You must be signed in to change notification settings

bonniss/hyparcel

Repository files navigation

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published