Blazing fast TypeScript with Webpack and ESBuild

1. webpack

   1 366 65,123 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.

   

   Let's install webpack and webpack-cli, we'll be using Webpack 5

2. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

3. webpack-cli

   2 12 2,583 9.3 JavaScript

   Webpack's Command Line Interface

   

   Let's install webpack and webpack-cli, we'll be using Webpack 5

4. esbuild

   3 352 38,704 9.1 Go

   An extremely fast bundler for the web

   

   ESbuild is an extremely fast JavaScript bundler, upto 10-100x fast. You can check the benchmark and read more here

5. esbuild-loader

   4 14 3,589 5.7 TypeScript

   💠 Speed up your Webpack with esbuild ⚡️

   

   esbuild-loader (secret sauce!) fork-ts-checker-webpack-plugin (helps us with typechecking) nodemon-webpack-plugin (We can also use webpack-dev-server)

6. fork-ts-checker-webpack-plugin

   5 8 1,973 1.4 TypeScript

   Webpack plugin that runs typescript type checker on a separate process.

   

   esbuild-loader (secret sauce!) fork-ts-checker-webpack-plugin (helps us with typechecking) nodemon-webpack-plugin (We can also use webpack-dev-server)

7. nodemon-webpack-plugin

   6 1 183 3.5 JavaScript

   A webpack plugin that uses Nodemon to start and reload the server.

   

   esbuild-loader (secret sauce!) fork-ts-checker-webpack-plugin (helps us with typechecking) nodemon-webpack-plugin (We can also use webpack-dev-server)

8. webpack-dev-server

   7 11 7,822 8.4 JavaScript

   Serves a webpack app. Updates the browser on changes. Documentation https://webpack.js.org/configuration/dev-server/.

   

   esbuild-loader (secret sauce!) fork-ts-checker-webpack-plugin (helps us with typechecking) nodemon-webpack-plugin (We can also use webpack-dev-server)

9. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

Suggest a related project