How to replace webpack & babel with Vite on a legacy React Typescript project

• npm-check-updates

  7 9,071 9.4 TypeScript

  Find newer versions of package dependencies than what your package.json allows

Since you're upgrading one part of a legacy project, why not update all the other dependencies. The best way to do that is with the npm-check-updates package.

• Snowpack

  69 19,787 8.4 JavaScript

  Discontinued ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack] (by withastro)

  

Then there was Webpack which seemed like it would be around for a while. Even after things like Parcel and Snowpack came on the scene people still recommended Webpack. I mean, it's still the backbone of create-react-app. An then, Vite was released.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• webpack

  331 64,178 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.

  

Then there was Webpack which seemed like it would be around for a while. Even after things like Parcel and Snowpack came on the scene people still recommended Webpack. I mean, it's still the backbone of create-react-app. An then, Vite was released.

• vite

  791 64,913 9.9 TypeScript

  Next generation frontend tooling. It's fast!

  

Then there was Webpack which seemed like it would be around for a while. Even after things like Parcel and Snowpack came on the scene people still recommended Webpack. I mean, it's still the backbone of create-react-app. An then, Vite was released.

• semver

  724 7,037 0.6

  Semantic Versioning Specification

  

I'd recommend installing updates in by semver levels, so patch updates first, then minor updates, then major. Testing the project still works in-between updates

• parcel

  169 43,122 9.4 JavaScript

  The zero configuration build tool for the web. 📦🚀

  

Then there was Webpack which seemed like it would be around for a while. Even after things like Parcel and Snowpack came on the scene people still recommended Webpack. I mean, it's still the backbone of create-react-app. An then, Vite was released.

• ohmyzsh

  561 168,913 9.5 Shell

  🙃 A delightful community-driven (with 2,300+ contributors) framework for managing your zsh configuration. Includes 300+ optional plugins (rails, git, macOS, hub, docker, homebrew, node, php, python, etc), 140+ themes to spice up your morning, and an auto-update tool so that makes it easy to keep up with the latest updates from the community.

  

Note: The above commands are aliased github commands that come by default with oh-my-zsh. You can view the full list here.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• gulp

  42 32,900 5.8 JavaScript

  A toolkit to automate & enhance your workflow

  

As far as build tools go I remember how popular Grunt was when it was first released, then it was Gulp, and Babel came along to help you add new us features and get them working on older browsers.

• grunt

  17 12,259 3.7 JavaScript

  Grunt: The JavaScript Task Runner

  

As far as build tools go I remember how popular Grunt was when it was first released, then it was Gulp, and Babel came along to help you add new us features and get them working on older browsers.

• esbuild

  322 37,307 9.5 Go

  An extremely fast bundler for the web

Vite is fast, really fast. It requires very little config and is easy to setup. It sits on top of esbuild.

• babel-sublime

  145 3,256 1.5 JavaScript

  Syntax definitions for ES6 JavaScript with React JSX extensions.

  

As far as build tools go I remember how popular Grunt was when it was first released, then it was Gulp, and Babel came along to help you add new us features and get them working on older browsers.

Suggest a related project