replace webpack with esbuild as your bundler with create react app

Опубликовано: 23 Май 2022
на канале: Chris Hay
4,364
90

this video shows you how you can swap webpack for esbuild in your react applications created using create-react-app. enjoy a sped up developer workflow with a super fast javascript bundler.

this video is a follow up to chris's deep dive introduction video to esbuild, which you can find here

   • Introduction to ESBuild tutorial for ...  

example code can be found at

https://github.com/chrishayuk/esbuild...

00:00 - intro
01:20 - creating a react app with create-react-app
03:40 - understanding create-react-app build scripts
04:29 - installing esbuild
05:00 - understanding esbuild
06:30 - replacing cra build script with esbuild
08:44 - using plugings to handle inline svg's
11:20 - creating a build script including the esbuild-plugin-inline-image plugin
17:08 - starting our webserver with http-server
17:52 - fixing index.html public_url
19:42 - adding our bundles to the index.html
20:45 - importing react to app.js
21:27 - a working react app using esbuild
22:15 - fixing npm start with http-server
22:34 - using esbuild as a development server with esbuild serve
25:20 - hot reloads
27:00 - finale


Смотрите видео replace webpack with esbuild as your bundler with create react app онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chris Hay 23 Май 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,364 раз и оно понравилось 90 людям.