I spent the afternoon upgrading a template project I've had for a while to use fritz2, vite, and tailwind 4.0. This is in prepration of upgrading a bigger project I have that has been using fritz2 and kotlin-js for over four years now. We've used tailwind 3.x for styling for about a year now and the 4.x release is a bit disruptive on the webpack side.
The solution I came up still uses webpack for bundling all the javascript stuff into one file (could not get vite to work with multiple files), which is annoying but otherwise it sort of works without postcss and other stuff.
I know someone is working on a gradle plugin for vite but I'm actively trying to get rid of gradle here and have a bit less magic stuff happening. So, I decided to just sit down and make this work without that instead.
I'd love to
get some feedback on this project so I can make it a bit nicer to work with and get things like hot reloading working a bit smoother (a bit too trigger happy currently, reloads several times while building). Also if someone knows a way where webpack can be disabled completely, that would be great.
https://github.com/jillesvangurp/template-fritz2/tree/main