1. Instalação do Webpack Dev Server pelo terminal do Visual Studio Code com o comando yarn add webpack-dev-server -D
  2. Alterar o arquivo webpack.config.js incluindo as instruções das linhas 14 até 16:

Untitled

  1. Usar o comando yarn webpack server para executar, ele roda também no endereço: ****http://localhost:8080/

Untitled

  1. Ou roda o arquivo como antes no endereço: http://127.0.0.1:5500/dist/index.html

Untitled

  1. Se no arquivo App.jsx fizer aluma alteração é carregado o webpack automaticamente fazendo a execução do comando

Untitled

  1. Desse modo após a alteração do arquivo, a página é carregada automaticamente com a atualização, compilando de modo automático o arquivo e a execução do arquivo bundle.js

Untitled

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

Untitled