（3）html-webpack-plugin的作用

在內存中生成index.html頁面

在前面的內容中我們已經知道了如何在內存中打包main.js並引入到頁面中。
同樣的，我們也可以把index.html也打包放入到內存中。

安裝html-webpack-plugin插件

1. cnpm install html-webpack-plugin -D
2. 在webpack.config.js中
   
3. 重啟服務npm run dev即可

為什么要用html-webpack-plugin插件，他有哪些功能？

1. 他會幫我們自動引入在內存中打包好的bundle.js文件
   每次npm run dev之后都會打開src下的index.html頁面，所以如果修改輸出的頁面為其他名稱的頁面，比如我們修改輸出的filename:'index123.html',則會出現下面的情況
   
   來個正常的圖比較一下：
   
   你會發現在index.html文件中的下面多了一個script標簽，並且引入了正確位置的bundle.js,此時你去注釋掉頁面中的引入也不影響什么，用了這個插件，我們不會再去配置bundle.js的位置了。
   

2. 其他功能以后在補充，很多配置項。