1. Instalação do Webpack Plugin pelo terminal do Visual Studio Code com o comando yarn add html-webpack-plugin -D
  2. Alterar o arquivo webpack.config.js incluindo instruções da linha 2 e das linhas 14 até 18:

Untitled

Untitled

  1. Rodar o webpack com o comando yarn webpack para gerar a compilação
  2. Alterar o arquivo index.html que fica dentro da pasta public excluindo a tag script da linha 11, ficando assim:

Untitled

  1. Rodar o webpack de novo com o comando yarn webpack
  2. Gerando automaticamente um arquivo com o mesmo nome index.html dentro da pasta dist acessando este arquivo gerado dá para visualizar a inclusão da referência do bundle.js feita automaticamente na linha 8:

Untitled

  1. Caso exclua esse arquivo index.html dentro da pasta dist, ele ****é criado de forma automática novamente ao executar o comando yarn webpack
  2. Agora a visualização da página é somente através do arquivo index.html que ****está dentro da pasta dist, com as teclas de atalhos Alt l o para abrir com o Live Server onde é apresentado a página:

Untitled