html-webpack-plugin插件的使用和配置

特点:

1.自动在内存中根据所配置的指定页面生成一个内存的页面；

2.自动把打包好的js文件追加到页面当中。

npm i html-webpack-plugin -d  //在项目中来进行安装

然后在在webpack.config.js中进行配置

new htmlWebpackPlugin({
      template: path.join(__dirname,'./src/index.html'), 
      filename: "index.html" 
})

然后在index中注释了js的引用，并且运行页面，我们会发现，在页面末尾自动给我们追加上了script的引用