Vite in the browser

1

WebComponents.dev

Our products: Backlight.dev, Components.studio and WebComponents.dev, are running a server-side bundler optimizer for the past 2 years now. We created a Vite plugin for browser-vite to resolve node dependencies automatically. As of the date of this post, this server-side bundler is not open-sourced.

#Developer Tools #Development Tools #JavaScript Framework 9 social mentions

2

Vite

Vite does a lot with files. The files of the project but also config files, watchers, and globs. These are difficult to implement in the browser with a shimmed in-memory FS. We removed watchers, globs, and config file calls to limit the complexity and the surface API.

#Software Development #Web Frameworks #Developer Tools 462 social mentions

3

StackBlitz

Stackblitz's WebContainers can also run Vite in the browser. You can elegantly go to vite.new to have a working environment.

#Text Editors #Programming #Programming Tools 109 social mentions

4

Node.js

We are not experts in WebContainers but, in a nutshell, where browser-vite shims the FS and the HTTPS server at the Vite level, WebContainers shims the FS and a lot of other things at the Node.js level, and Vite runs on it with a few additional changes.

#Runtime #JavaScript Runtime #JavaScript 896 social mentions

5

Backlight

Our products: Backlight.dev, Components.studio and WebComponents.dev, are running a server-side bundler optimizer for the past 2 years now. We created a Vite plugin for browser-vite to resolve node dependencies automatically. As of the date of this post, this server-side bundler is not open-sourced.

#Design Tools #Developer Tools #Tech 6 social mentions