Replace Webpack with Esbuild as Your Bundler with Create React App

Replace Webpack with Esbuild as Your Bundler with Create React App

Chris Hay via YouTube Direct link

- fixing npm start with http-server

14 of 17

14 of 17

- fixing npm start with http-server

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Replace Webpack with Esbuild as Your Bundler with Create React App

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - intro
  2. 2 - creating a react app with create-react-app
  3. 3 - understanding create-react-app build scripts
  4. 4 - installing esbuild
  5. 5 - understanding esbuild
  6. 6 - replacing cra build script with esbuild
  7. 7 - using plugings to handle inline svg's
  8. 8 - creating a build script including the esbuild-plugin-inline-image plugin
  9. 9 - starting our webserver with http-server
  10. 10 - fixing index.html public_url
  11. 11 - adding our bundles to the index.html
  12. 12 - importing react to app.js
  13. 13 - a working react app using esbuild
  14. 14 - fixing npm start with http-server
  15. 15 - using esbuild as a development server with esbuild serve
  16. 16 - hot reloads
  17. 17 - finale

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.