https://github.com/tailwindlabs/webpack-starter
A quick and simple example of using Tailwind CSS with Webpack.
https://github.com/tailwindlabs/webpack-starter
Last synced: 5 months ago
JSON representation
A quick and simple example of using Tailwind CSS with Webpack.
- Host: GitHub
- URL: https://github.com/tailwindlabs/webpack-starter
- Owner: tailwindlabs
- License: mit
- Archived: true
- Created: 2017-11-06T19:18:16.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-24T13:47:23.000Z (about 6 years ago)
- Last Synced: 2025-01-19T20:04:16.328Z (5 months ago)
- Language: JavaScript
- Homepage:
- Size: 303 KB
- Stars: 212
- Watchers: 6
- Forks: 81
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
**Note: This project is deprecated.** It was never a very good starter for real projects since you don't want your CSS framework to dictate your starter webpack setup — better to use vue-cli, create-react-app, etc.
We recommend using the [tailwindcss/playground](https://github.com/tailwindcss/playground) starter if you just want a simple project for playing around with Tailwind and PostCSS.
---
# Tailwind CSS Webpack Starter Project
This is an example of a super simple Webpack setup for using [Tailwind CSS](https://tailwindcss.com).
To get started, clone the project and install the dependencies:
```
# Using npm
npm install
# Using Yarn
yarn
```
After that, start up Webpack Development Server:
```
npm run dev
```
Webpack Development Server will watch `/src/styles.css` and `/tailwind.js` and rebuild your stylesheet on every change.
You can play around with `/index.html` to see the effects of your changes.
To build a production bundle run:
```
npm run prod
```
After that you will have a ready to deploy bundle at `/dist`
## Contributing
Have a lot of experience with Webpack and suggestions on how we could improve this starter template? We'd love a PR!