Has anyone gotten Tailwind v2 working with Sage 9?

@ciromattia @knowler Hmm. Those changes didn’t work for me. They didn’t seem to cause any other issues, so I left them and then looked at downgrading resolve-url-loader and file-loader to previous versions or before breaking changes as those seemed most likely to be responsible based on the error me…

This PR may fix the issue: https://github.com/roots/sage/pull/2603

@strarsis Thanks, I bumped file-loader down to 4.3.0 corresponding to the version used in that PR and fonts and Tailwind are working as expected for me without any issue.

Working Sage 9, Webpack 5 and Tailwind 2.0.2 repo available here with updated theme installation instructions. Browsersync works again! ***IGNORE, there are issues -The thread that lead to this. Thanks for all the help @strarsis [image] Sage 9 browsersync not updating right sage …

( switching from this thread ) 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+ (web…

@ciromattia I just setup your fork and at first I was still getting the reloading browsers looping thing… but it appears to have gone away for now: [Browsersync] Reloading Browsers... (buffered 83 events) [Browsersync] Reloading Browsers... (buffered 6 events) [Browsersync] Reloading Browsers... (…

I just got an issue with sage JS route mechanism not firing when watching, it’s an issue with the vanilla JS I changed in main.js so if your JS isn’t working change the last snippet in main.js with the following: if (document.readyState !== 'loading') { routes.loadEvents(); } else { document.ad…

Thank you! This is exactly what I was thinking of trying to build today, but this is so much better.

@strarsis with JQuery everything works flawlessly probably the ready() function does something under the hood, but I was trying to get rid of jQuery. I assume that browsersync for some reason doesn’t emit DOMDocumentLoaded event, so I tried with the “update” method and it works: if (document.ready…

Roots Discourse

Tailwind v2 and Sage 9

sage

strarsis January 19, 2021, 5:23pm 37

So this is an interference of the sage routing with browser sync?

New project with Tailwind, yarn build fails