Babel: Manipular JS y React.

Webpack: Configuración personalizada, permite escalado mas sencillo.

Instalamos dependencias en terminal...

Babel

npm install @babel/core → Viene toda la configuración de babel.

npm install @babel/core @babel/preset-env → Todas las bondades de javascript moderno

→ @babel/preset-react → Bondades de react, sintaxis y sean reconocidos dentro del projecto.

Webpack

npm install webpack

webpack-cli → Habilitar consola.

webpack-dev-server → Habilitar el modo de desarrollo de forma local.

Plugin y loader

• Loader para Babel
• Loader para Html
• Plugin para Html

npm install babel-loader html-loader html-webpack-plugin

Para preparar y trabajar de forma local solo necesitamos todo esto.

En el VSCode...

Preparamos lo que necesita para vivir...

Creamos → .babelrc