Vite 3.0

Post by WorldMaker » Wed, Jul 13, 2022, 6:36 PM UTC

ForSpareParts wrote: post #152

FinalBriefing wrote: post #2

I had no idea so many other frameworks are using Vite as their default. Event server-side frameworks are picking it up! Has Webpack really been dethroned as the go-to bundler?

Webpack really messed up IMO -- v5 took a really, really long time to drop because they were making huge changes ostensibly for performance... and then when it came out it actually made performance worse for many projects. I think they've fixed that now, but the damage is done. I think building js in js is just not fast enough anymore, everyone is moving towards compiled languages for building their apps. The next wi…

Post by skybrian » Wed, Jul 13, 2022, 7:01 PM UTC

qbasic_forever wrote: post #102

skybrian wrote: post #25

I tried using ESBuild directly for a small web app and it seems pretty nice. What would using Vite on top of it give me?

A dev server with hot reloading is the big thing vite adds IMHO, at least for your day to day use. It also adds rollup and a more uniform plugin system for your production builds but really the dev server experience is where vite excels. If you just want esbuild + hot reloading then dev-server-esbuild might be a good option: https://modern-web.dev/docs/dev-server/plugins/esbuild/ But really vite isn't much more compl…

  "scripts": {
    "build": "esbuild src/app.ts src/app.css --bundle --sourcemap --outdir=site",
    "dev": "npm run build -- --servedir=site",
  }

Post by Volundr » Wed, Jul 13, 2022, 7:11 PM UTC

skybrian wrote: post #164

qbasic_forever wrote: post #102

Earlier quoted context omitted.

A dev server with hot reloading is the big thing vite adds IMHO, at least for your day to day use. It also adds rollup and a more uniform plugin system for your production builds but really the dev server experience is where vite excels. If you just want esbuild + hot reloading then dev-server-esbuild might be a good option: https://modern-web.dev/docs/dev-server/plugins/esbuild/ But really vite isn't much more compl…

At least for a small site, you don't actually need a plugin to get hot reloading using esbuild: "scripts": { "build": "esbuild src/app.ts src/app.css --bundle --sourcemap --outdir=site", "dev": "npm run build -- --servedir=site", } Unless you mean something different by "hot reloading" than "recompile on page reload?"

Post by francisofascii » Wed, Jul 13, 2022, 7:52 PM UTC

cercatrova wrote: post #161

ramesh31 wrote: post #54

Earlier quoted context omitted.

>I thought we all silently agreed to use the mature/legacy frameworks React and Angular until the proper WASM arrives so that we could burn all of JS/CSS/HTML... We did. But people without real problems to solve will continue reinventing the wheel, while we silently churn away on actual products with stable tooling.

This comment and the parent's tells me that neither of you know what vite does or have used it before, if you're implying that it's not fixing "real problems." Webpack is slow due to being written in JS, so when a bundler comes along written in Go and makes builds 10x faster, that is solving a "real problem."

Post by cercatrova » Wed, Jul 13, 2022, 8:03 PM UTC

francisofascii wrote: post #168

cercatrova wrote: post #161

Earlier quoted context omitted.

This comment and the parent's tells me that neither of you know what vite does or have used it before, if you're implying that it's not fixing "real problems." Webpack is slow due to being written in JS, so when a bundler comes along written in Go and makes builds 10x faster, that is solving a "real problem."

> Webpack is slow So it sounds like Webpack was never really mature, or too late in getting ported to Go before Vite took over?