1. Instalação do Webpack pelo terminal do Visual Studio Code com o comando yarn add webpack-cli -D
  2. Fazer o arquivo de configuração - criar o arquivo com o nome webpack.config.js no qual traz as configurações para exportar

Untitled

Untitled

  1. Instalar a dependência pelo terminal do Visual Studio Code com o comando yarn add babel-loader -D
  2. Testar para ver se está funcionando, criando dentro da pasta src o arquivo com o nome App.jsx

Untitled

  1. Modificar o arquivo index.jsx

Untitled

  1. Instalar a biblioteca Webpack pelo terminal do Visual Studio Code com o comando yarn add webpack webpack-cli -D

  2. Rodar o arquivo pelo terminal do Visual Studio Code com o comando yarn webpack

  3. E agora, se for verificar o arquivo bundle.js fica assim ilegível, pois o código pegou todos os módulos do react e colocou em uma única linha:

Untitled

Untitled

  1. No Visual Studio Code fica assim a estrutura do projeto:

Untitled