React.js | Configuración con Webpack 5 y Babel 7 - Tutorial Actualizado

Опубликовано: 28 Сентябрь 2024
на канале: Yoelvis Mulen { code }

9,034

596

Aprende a usar la última versión de Webpack configurando un proyecto de React desde cero.
Muestro cómo crear un empaquetado óptimo para producción y las herramientas que podemos usar en tiempo de desarrollo como webpack-dev-server y fast refresh.

✔ Contenido:
0:00 Configuración inicial
1:51 Iniciar proyecto npm e instalar webpack
5:06 Configuración básica de webpack
9:56 Configuración de babel y core-js
20:31 html-clean-plugin y html-webpack-plugin
23:33 Configuración de css, sass e imágenes
29:24 webpack-dev-server
37:35 react fast refresh
41:02 source maps
44:50 Code splitting y optimizaciones

👀 Les sugiero pongan el video en 1080p para que puedan ver el contenido con nitidez.

🔔 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
https://www.youtube.com/yoelvism?sub_...

🐦Sígueme en twitter:
/ ymulenll

👨‍💻 Código fuente:
https://github.com/ymulenll/react-web...

📌Enlaces:
https://nodejs.org/en/
https://webpack.js.org/concepts/
https://babeljs.io/
https://webpack.js.org/configuration/...
https://www.npmjs.com/package/sass-lo...
https://webpack.js.org/configuration/...
https://github.com/pmmmwh/react-refre...
https://webpack.js.org/configuration/...
https://webpack.js.org/guides/code-sp...
https://webpack.js.org/plugins/mini-c...

Muchas gracias por ver este video, espero le haya sido útil.
#webpack #babel #reactjs