Any expert around on #Vite / #Rollupjs & #React #Reactjs ?

I'm a complete noob on frontend development, and I'm struggling to understand something that is happening in a project I'm just setting up ( https://github.com/Coder-Spirit/beautiful-tree ):

- When I run `pnpm run build`, the output contains a lot of code from React, even though I tried to mark it as external.
- I see that the output has "dev-only" code, with conditionals that check for NODE_ENV... not nice.

Is there any way to fix any of those 2 problems?

#parceljs is amazingly convenient and easy to use but I built a tiny library (random-I’d-base36) from a 4kB Javascript source file with no dependencies and it produced a 9kB file?!. Everything now has a giant name composed of random strings and $ signs. Like WTF?

So I tried #rollupjs and got better results without actually minifying.

Eventually I discovered that you need a little more configuration in #parceljs but now the only actual small file is neither module nor main…

#javascript

✨
Sentry now supports:
#vite (https://vitejs.dev/),
#esbuild (https://esbuild.github.io/), and
#rollupjs (https://rollupjs.org)
✨

New bundler plugins make it easier for you to upload source maps, check it out 👇
https://bit.ly/sentry-sourcemaps

vuejs/vite: No-bundle Dev Server for Vue 3 Single-File Components
https://github.com/vuejs/vite

Une nouvelle méthode pour développer et "builder" une application Vue.js sans passer par Webpack. Il n'y a pas de "build" à proprement parler pendant la phase de dev, tout est fait à la volée par le serveur et du coup c'est *beaucoup* plus rapide qu'avec un setup classique à base de Webpack.

Ça utilise rollup.js et Koa.

Je n'ai pas testé en …
#vuejs #rollupjs — https://links.kalvn.net/?9enjjA

I've spent the last hour trying to set up a pet project with #rollupjs. I have to say that it has a lot of potential, but needs to improve a bit before being production ready.

It's a shame, but I'm falling back to #webpack :(