https://github.com/robinmalfait/webpack-tailwind-repro

https://github.com/robinmalfait/webpack-tailwind-repro

Last synced: 10 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/robinmalfait/webpack-tailwind-repro
• Owner: RobinMalfait
• Created: 2020-12-07T10:36:01.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2020-12-07T10:48:41.000Z (about 4 years ago)
• Last Synced: 2024-10-28T19:21:56.396Z (about 2 months ago)
• Language: JavaScript
• Size: 57.6 KB
• Stars: 3
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Webpack with Tailwind 2.0

Interesting things to notice:

- src/css/ has app-base, app-components and app-utilities split up.

- src/css/mine.css contains "my" styles.

- webpack `mode: 'development',` is an important piece for performance.

- I enabled all the colors in `tailwind.config.js` and also enabled `darkMode`, which results in a `16 MB` file.

***

2 scripts:

- `yarn webpack-hmr` runs `webpack serve` with webpack dev server

- `yarn webpack-watch` runs `webpack --watch`

When one of those scripts are running, you can change the code inside `mine.css` and it should rebuild pretty fast.