html-webpack-plugin'入再記憶體中生成 html 頁面外掛

摘要： 我們在打包webpackjs檔案的時候，在index.html介面引人 全域性main.js ,如圖下： 必須引入 src ='budl.js' 打包的時候，未打包分為兩個檔案，一個本地磁碟檔案，一個是記憶體中的檔案，這樣一來是不是特別麻煩，面對這個...

我們在打包webpackjs檔案的時候，在index.html介面引人 全域性main.js ,如圖下：

必須引入 src ='budl.js'

打包的時候，未打包分為兩個檔案，一個本地磁碟檔案，一個是記憶體中的檔案，這樣一來是不是特別麻煩，面對這個問題我們又了方法解決，html-webpack-plugin 安裝這個外掛

1，我們首先輸入 npm i  html-webpack-plugin 安裝該外掛

2，然後在webpack.config.js 配置檔案配置好選項。

3，外掛安裝好之後，去把index 的src="budle.js" 註釋，然後重啟專案

4，重啟專案之後，介面會自動打包一個buld.js 在index介面引入