Use html-webpack-plugin' to generate HTML page plugin in memory

When we package the webpackjs file, we introduce the global main.js in the index.html interface, as shown below:

Must import src ='budl.js'

When packaging, the unpacked files are divided into two files, one is a local disk file, and the other is a file in memory. This is very troublesome. In the face of this problem, we have a solution. Install this plug-in html-webpack-plugin

1. First, we enter npm i html-webpack-plugin to install the plug-in

2. Then configure the options in the webpack.config.js configuration file.

Installation Complete

webpack.config.js introduces html-webpack-plugin

Configure the generated interface file

3. After the plugin is installed, comment out the src="budle.js" of index and restart the project.

4. After restarting the project, the interface will automatically package a buld.js and import it in the index interface

Summarize

The above is the editor's introduction to using html-webpack-plugin' to generate HTML page plug-in in memory. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!