mirror of
https://github.com/CoreyGinnivan/system-uicons.git
synced 2024-05-03 14:13:11 +02:00
36 lines
781 B
Markdown
36 lines
781 B
Markdown
|
# 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!
|