一况芒、webpack-dev-server配置實(shí)現(xiàn)了自動(dòng)打包編譯符隙，并把編譯成功的bundle.js放到內(nèi)存中去=》服務(wù)器的目錄中舅巷∶婷ィ【本身是在物理磁盤中】
二兵钮、除了要實(shí)現(xiàn)編譯完的bundle.js文件要放到內(nèi)存中去蛆橡，html頁(yè)面也要放到內(nèi)存中去。
需要借助webpack的插件html-webpack-plugin來實(shí)現(xiàn)掘譬。
三泰演、安裝插件
npm install/i html-webpack-plugin --save-dev/-D //把插件安裝到項(xiàng)目目錄中。
注意：安裝html-webpack-plugin插件的時(shí)候葱轩，會(huì)默認(rèn)安裝最新版本睦焕，對(duì)最新版本的webpack的安裝還沒有研究透徹，一直報(bào)錯(cuò)靴拱，所以選擇了低版本的安裝
npm install/i html-webpack-plugin@3.2.0 --save-dev/-D
四垃喊、操作步驟
1、在webpack的配置文件中添加配置（webpack.config.js）
const htmlWebpackPlugin = require("html-webpack-plugin");//引入插件
module.exports = {
plugins: [//配置插件的節(jié)點(diǎn)
new htmlWebpackPlugin = ({
template: path.join(__dirname,'./src/index.html'), //指定模板頁(yè)面袜炕，將來會(huì)根據(jù)指定的頁(yè)面路徑本谜，去生成內(nèi)存中的頁(yè)面
filename: 'index.html' //指定生成的頁(yè)面的名稱
})
]
}
2、不需要手動(dòng)去引入bundle.js了偎窘。html-webpack-plugin生成內(nèi)存中的頁(yè)面耕突，已經(jīng)正確的引入打包編譯好的bundle.js文件了。
html-webpack-plugin插件的 作用：
1评架、自動(dòng)在內(nèi)存中根據(jù)指定頁(yè)面生成一個(gè)內(nèi)存的頁(yè)面
2眷茁、自動(dòng)把打包好的bundle.js文件追加到頁(yè)面中去
