https://github.com/bonniss/hyparcel

Hyperapp v2 + TailwindCSS + Parcel boilerplate, with PurgeCSS intergrated in production.
https://github.com/bonniss/hyparcel

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/bonniss/hyparcel
• Owner: bonniss
• Created: 2020-05-12T11:15:36.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T17:42:50.000Z (almost 2 years ago)
• Last Synced: 2024-08-03T01:19:15.031Z (6 months ago)
• Language: JavaScript
• Homepage: https://hyparcel.nauda.dev
• Size: 1.91 MB
• Stars: 7
• Watchers: 2
• Forks: 2
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-rainmana - bonniss/hyparcel - Hyperapp v2 + TailwindCSS + Parcel boilerplate, with PurgeCSS intergrated in production. (JavaScript)
• hyperawesome - bonniss/hyparcel - Hyperapp v2 + TailwindCSS + Parcel boilerplate, with PurgeCSS intergrated in production. (Starters)

README

        
# Hyparcel

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

## Dependencies

- Hyperapp v2

- Parcel v1.12

- Tailwindcss v1.4

## Get Started

```bash

git clone https://github.com/bonniss/hyparcel.git

cd hyparcel

```

- Install dependencies

```bash

npm install

```

- Run the hot-reloading dev server - http://localhost:1234

```bash

npm run dev

```

- Build assets for production

```bash

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`](https://tailwindcss.com/docs/configuration). 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:

```bash

npm run build:css

```

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