https://github.com/khtdr/tailwind-dev-server
tailwind css dev-server
https://github.com/khtdr/tailwind-dev-server
dev-server reloading tailwind tailwindcss
Last synced: 10 months ago
JSON representation
tailwind css dev-server
- Host: GitHub
- URL: https://github.com/khtdr/tailwind-dev-server
- Owner: khtdr
- Created: 2019-01-10T05:02:42.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-01-18T06:48:53.000Z (about 7 years ago)
- Last Synced: 2025-02-16T09:18:43.379Z (11 months ago)
- Topics: dev-server, reloading, tailwind, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 638 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tailwind CSS dev-server
Simple quick way to get started learning and playing with Tailwind CSS
_Example output while running dev server:_
- No "transpiling" configuration is needed (or used).
- No build tools need to be set up.
- Tiny reactive web server: ~115 lines of code with lots of comments.
- Minimal dependencies:
- `chalk` for color,
- `socket.io` for **server** «—» **browser** communication,
- and `tailwindcss` of course.
## Installation
```bash
git clone https://github.com/khtdr/tailwind-dev-server.git
cd tailwind-dev-server
yarn
```
## Running
```bash
yarn start
```
Then open your browser to: [http://localhost:8080](http://localhost:8080)
## Development
Edit any of the following entry point files:
- [index.html](https://github.com/khtdr/tailwind-dev-server/blob/master/index.html)
- [style.css](https://github.com/khtdr/tailwind-dev-server/blob/master/style.css)
- [tailwind.js](https://github.com/khtdr/tailwind-dev-server/blob/master/tailwind.js)
Changes will be recompiled and automatically refreshed in your browser.
Create any additional HTML files as needed, using
[index.html](https://github.com/khtdr/tailwind-dev-server/blob/master/index.html)
as a reference.
## Building
If you like what you see and want to save it and use it, run:
```bash
yarn build
```
And use your newly built `./tailwind-bundle.css` stylesheet.