Vite vs UmiJS

Vite and UmiJS are both open source static site generators. Vite is written in Python and UmiJS is written in JavaScript.

Property Vite UmiJS
Language Python JavaScript
Templates Jinja2 React
License MIT MIT

Vite benefits

A simple and minimal static site generator that just works™.

Sometimes, less is more

Installation

pip install vite

Usage

vite new [path]
vite build
vite serve

That's it, no nonsense.

UmiJS benefits

Features

  • 📦 Out of box, with built-in support for react, react-router, jest, webpack, rollup, etc.
  • 🏈 Next.js like and full featured routing conventions, which also supports configured routing
  • 🎉 Plugin system, covering every lifecycle from source code to production
  • 🚀 High performance, including PWA support, route-level code splitting, etc.
  • 💈 Support for static export, Suitable for environments without server
  • 🚄 Fast dev startup, including dll support with config etc.
  • 🐠 Polyfill solution, add JS and CSS polyfill with targets config, lowest to IE9
  • 🍁 Support TypeScript, including d.ts definition and umi test
  • 🌴 Deep integration with dva, including duck directory support, automatic loading of model, code splitting, etc
  • ⛄️ Support MPA，based on umi-plugin-mpa

Install

Install tool

$ yarn global add umi # OR npm install -g umi

Build

Create a page

$ mkdir myapp && cd myapp
$ umi generate page index

Run

Start the development server

$ umi dev

Build and deploy

$ umi build

Examples