https://github.com/poimen/tailwindcss_reactjs_helloworld
Hello World example with Webpack, SWC, Tailwindcss and ReactJS
https://github.com/poimen/tailwindcss_reactjs_helloworld
reactjs swc tailwindcss webpack
Last synced: 2 months ago
JSON representation
Hello World example with Webpack, SWC, Tailwindcss and ReactJS
- Host: GitHub
- URL: https://github.com/poimen/tailwindcss_reactjs_helloworld
- Owner: Poimen
- License: mit
- Created: 2019-09-26T19:25:39.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-15T08:08:00.000Z (over 3 years ago)
- Last Synced: 2025-02-27T05:52:59.421Z (over 1 year ago)
- Topics: reactjs, swc, tailwindcss, webpack
- Language: TypeScript
- Homepage: https://poimen.github.io/tailwindcss_reactjs_helloworld
- Size: 2.61 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tailwindcss and ReactJS Hello World using Webpack and SWC
Hello World test project for trying out [Tailwindcss](https://tailwindcss.com)
This is just a sample application utilising Webpack, SWC and Tailwind.
## Info
Most of the webpack configuration is inspired by the ejected configuration from CRA.
The inclusion in SWC as the compiler and minifier, so this now uses the `swc-loader` for the typescript files.
## Getting started
1. Clone repo
2. Install dependencies
```
npm install
```
3. Develop
```
npm run start
```
This repository uses Tailwind v3 so by default Tailwind JIT is enabled, hence only used styles are output.
# Example output screen
As an example of what to expect
