Use html-webpack-plugin' para gerar plug-in de página html na memória

Quando empacotamos o arquivo webpackjs, introduzimos o main.js global na interface index.html, conforme mostrado abaixo:

src ='budl.js' deve ser introduzido

Ao empacotar, os arquivos descompactados são divididos em dois arquivos, um é um arquivo de disco local e o outro é um arquivo na memória. Isso não é particularmente problemático. Diante desse problema, temos outra maneira de resolvê html-webpack-plugin lo. html-webpack-plugin instala este plug-in.

1. Primeiro inserimos npm i html-webpack-plugin para instalar o plug-in

2. Em seguida, configure as opções no arquivo de configuração webpack.config.js.

Instalação concluída

webpack.config.js apresenta o plugin html-webpack

Configure o arquivo de interface gerado

3. Após a instalação do plug-in, comente src=budle.js no índice e reinicie o projeto

4. Após reiniciar o projeto, a interface irá empacotar automaticamente um buld.js e introduzi-lo na interface de índice.

O texto acima é a introdução do editor ao uso do html-webpack-plugin para gerar plug-ins de páginas HTML na memória. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá. você na hora. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!