# Tailwind v2 and Sage 9

**URL:** https://discourse.roots.io/t/tailwind-v2-and-sage-9/19598
**Category:** sage
**Tags:** webpack
**Created:** 2020-11-20T20:13:45Z
**Posts:** 48
**Showing post:** 33 of 48

## Post 33 by @ciromattia — 2021-01-18T14:16:00Z

([switching from this thread](https://discourse.roots.io/t/sage-9-browsersync-not-updating-right/10648))

After further investigation, RTFM and some mangling with webpack5 I got a completely working Sage 9 / TailwindCSS 2 / Webpack 5 / PostCSS 8 setup.  
It’s a quite heavily customized sage install, so your mileage may vary, the main customizations are:

- needs Node 10+ (webpack 5 requirement)
- it’s _TailwindCSS-tailored_ so if you want Bootstrap back you have to restore almost oll the styles and even jquery dependency
- yeah, _jquery is no more_ a dependency :wink:
- it’s _CSS-based_ so if you want to use SASS you have to rename the styles, though webpack config should support it out-of-the-box (but I made no tests); PostCSS manages imports, nesting and autoprefixing and TailwindCSS every other feature, so you should ask yourself if you really need SASS with an utility-first framework
- uses webpack 5 new Assets Modules so `file-loader` and `url-loader` are gone for good

@joshb the watcher should be fully working, if you want to try it out.

The branch is `9-webpack5-tailwind2`

> **[ciromattia/sage](https://github.com/ciromattia/sage/tree/9-webpack5-tailwind2)**
>
> WordPress starter theme with a modern development workflow - ciromattia/sage

---

_[View the full topic](https://discourse.roots.io/t/tailwind-v2-and-sage-9/19598)._