https://github.com/jvidalv/parcel2-tailwind-preact-typescript-example-2021

Example project that bundles Parcel 2 +Tailwind/jit + Preact + TypeScript.
https://github.com/jvidalv/parcel2-tailwind-preact-typescript-example-2021

parcel postcss preact tailwind tutorials typescript

Last synced: 3 days ago
JSON representation

Example project that bundles Parcel 2 +Tailwind/jit + Preact + TypeScript.

• Host: GitHub
• URL: https://github.com/jvidalv/parcel2-tailwind-preact-typescript-example-2021
• Owner: jvidalv
• Created: 2020-11-20T18:35:32.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-31T14:32:06.000Z (almost 4 years ago)
• Last Synced: 2024-11-29T19:36:04.188Z (2 months ago)
• Topics: parcel, postcss, preact, tailwind, tutorials, typescript
• Language: TypeScript
• Homepage:
• Size: 313 KB
• Stars: 0
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Parcel 2, Tailwind & Tailwind/jit with Preact and TypeScript



## Why

We are in 2021, and it is almost impossible to find an entire functional project with this configuration and working as expected.

The problems you may encounter in Parcel 2 are related to transpilation (it uses Babel, and you must force it to use `tsc` otherwise it skips `tsconfig.js`) as well as problems with PostCSS versions (Tailwind requires version 8).

Also, Preact presents complexity with aliases.

This project brings all these tools together:

- parcel: "^2.0.0-nightly.632"

- tailwindcss: "^2.0.4"

- @tailwindcss/jit: "^0.1.17"

- typescript: "^4.2.3"

- preact: "^10.5.13"

## How

To get started run `yarn start`.