Comparisons with Other No-Bundler Solutions

    Production Build

    Snowpack’s default build output is unbundled: it transforms each file into separate built modules, which can then be fed into different “optimizers” that perform the actual bundling. The benefit of this is that you can choose between different end-bundlers to fit specific needs (e.g. webpack, Rollup, or even esbuild), the downside is that it’s a bit of a fragmented experience - for example, the esbuild optimizer is still unstable, the Rollup optimizer is not officially maintained, and different optimizers have different output and configurations.

    Vite opts to have a deeper integration with one single bundler (Rollup) in order to provide a more streamlined experience. It also allows Vite to support a Universal Plugin API that works for both dev and build.

    Due to a more integrated build process, Vite supports a wide range of features that are currently not available in Snowpack build optimizers:

    Faster Dependency Pre-Bundling

    Monorepo Support

    Vite is designed to handle monorepo setups and we have users successfully using it with Yarn, Yarn 2, and PNPM based monorepos.

    CSS Pre-Processor Support

    Vite provides more refined support for Sass and Less, including improved @import resolution (aliases and npm dependencies) and .

    First Class Vue Support

    WMR by the Preact team provides a similar feature set, and Vite 2.0’s support for Rollup’s plugin interface is inspired by it.

    WMR is mainly designed for projects, and offers more integrated features such as pre-rendering. In terms of scope, it’s closer to a Preact meta framework, with the same emphasis on compact size as Preact itself. If you are using Preact, WMR is likely going to offer a more fine-tuned experience.

    @web/dev-server (previously es-dev-server) is a great project and Vite 1.0’s Koa-based server setup was inspired by it.

    @web/dev-server is a bit lower-level in terms of scope. It does not provide official framework integrations, and requires manually setting up a Rollup configuration for the production build.

    Overall, Vite is a more opinionated / higher-level tool that aims to provide a more out-of-the-box workflow. That said, the umbrella project contains many other excellent tools that may benefit Vite users as well.