We Switched from Webpack to Vite

1. vike

   1 66 4,884 10.0 TypeScript

   🔨 The Framework *You* Control – Next.js & Nuxt alternative for unprecedented flexibility and stability.

   

   Have you seen SvelteKit's source code? It looks like a toy project. [1]

   vite-plugin-ssr can't even be integrated with Vue Router. They're both very rigid, early stage endeavours, full of non-statically typed code. [2]

   I mean, fair enough that there are people trying to do better, but it's extremely hard to find the right abstractions for such complex builds and Webpack is definitely on top here.

   [1] https://github.com/sveltejs/kit/blob/5c2665ff2280947a2fc6001...

   [2] https://github.com/brillout/vite-plugin-ssr/blob/master/src/...

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. SvelteKit

   2 640 19,297 9.8 JavaScript

   web development, streamlined (by sveltejs)

   

   Have you seen SvelteKit's source code? It looks like a toy project. [1]

   vite-plugin-ssr can't even be integrated with Vue Router. They're both very rigid, early stage endeavours, full of non-statically typed code. [2]

   I mean, fair enough that there are people trying to do better, but it's extremely hard to find the right abstractions for such complex builds and Webpack is definitely on top here.

   [1] https://github.com/sveltejs/kit/blob/5c2665ff2280947a2fc6001...

   [2] https://github.com/brillout/vite-plugin-ssr/blob/master/src/...

4. esbuild-loader

   3 14 3,603 5.7 TypeScript

   💠 Speed up your Webpack with esbuild ⚡️

   

   For people already on webpack, there's esbuild-loader (https://github.com/privatenumber/esbuild-loader)

5. kiwi

   4 1 715 6.1 C++

   A schema-based binary format for efficiently encoding trees of data (by evanw)

   

   He has some insanely high quality projects. shout out to his His Kiwi Schema https://github.com/evanw/kiwi project that saved me from protobuff swamp monster hell

6. wmr

   5 11 4,928 2.9 JavaScript

   👩‍🚀 The tiny all-in-one development tool for modern web apps.

   

7. webpack

   6 367 65,274 9.8 JavaScript

   A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

   

   * Many open issues regarding module imports, for ex, when a CJS module imports an ES one [2]

   Our current bottleneck with Webpack is actually sass-loader, taking at least 70% of the time during a fresh build, and we'd have the same problem with Vite.

   Something else that is worth pointing out is the ecosystem: Webpack's community has built tons of plugins for basically any use case you can imagine, and version 5 supports module federation, persistent caching, externals (very handy when doing SSR), customisable filename generators, performance hints and so on. Totally different game.

   Try to keep your build config simple, avoid too many loaders, plugins, and you should be fine 99% of the time. If you hit a wall, install speed-measure-webpack-plugin to get some help.

   [1] https://github.com/webpack/webpack/issues/2933

8. vite

   7 906 72,711 9.9 TypeScript

   Next generation frontend tooling. It's fast!

   

   [2] https://github.com/vitejs/vite/issues?q=is%3Aissue+is%3Aopen...

9. InfluxDB

   www.influxdata.com featured

   InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

   

10. trunk

    8 57 3,855 9.2 Rust

    Build, bundle & ship your Rust WASM application to the web.

    

    Also Trunk [0] for Rust-wasm web dev. It’s made me not hate doing the front end for my projects. I look forward to the Rust web ecosystem evolving to the point where I can recommend it in a work context.

    [0] https://trunkrs.dev/

11. jest

    9 520 44,762 8.9 TypeScript

    Delightful JavaScript Testing.

    

12. vite-test-example

    10 1 6 2.6 JavaScript

    Example of setting up tests with Vite

    

13. vite-plugin-vue2

    11 5 608 6.2 TypeScript

    Discontinued Vue2 plugin for Vite

14. esprima

    12 9 7,093 0.0 TypeScript

    ECMAScript parsing infrastructure for multipurpose analysis

    

    The thread was originally about CRA vs Vite size on disk (or implicitly, if we're applying it to real world applications, network cost in CI job startup times). And like I said, surrogate pairs don't apply to ASCII.

    See this[0] for reference. Note how the first byte must fall within a certain range in order to signal being a surrogate pair. This fact is taken advantage of by JS parsers to make parsing of ASCII code faster by special casing that range, since checking for a valid character in the entire unicode range is quite a bit more expensive[1].

    [0] https://github.com/jquery/esprima/blob/0911ad869928fd218371b...

    [1] https://github.com/jquery/esprima/blob/0911ad869928fd218371b...

Suggest a related project