10-webpack-生成html
应用——把外边的模板html代码自动生成到dist目录下
html插件（设定-htmlwebpackplugin）-可以把根目录下的index.html打包到dist目录
https://www.webpackjs.com/guides/output-management/#设定-htmlwebpackplugin
第一步：命令行 安装 打包插件
npm install --save-dev html-webpack-plugin
第二步：webpack.config.js中配置文件即可
// 导包 生成html在dist目录下
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
第三步： //插件配置
+ plugins: [
//实例化插件
+ new HtmlWebpackPlugin({
//生成后的html的title
+ title: 'Output Management'
+ })
+ ],
};
第四步：命令行运行代码，打包
npm run build
打包成功后，dist文件夹下会生成一个全新的index.html文件
打开新生成的dist/index.html，验证html网页的title是否更新
注意：
该index.html文件不是复制品，是全新的html页面；
没有把根目录下的index.html中的div和span元素渲染出来
如果你想要了解更多 HtmlWebpackPlugin 插件提供的全部功能和选项，那么你就应该多多熟悉 HtmlWebpackPlugin 仓库。下拉页面，找到Options，在下面找对应的选件属性
使用自己的文件做为模版：
+ plugins: [
+ new HtmlWebpackPlugin({
//以index.html为模板，在dist下生成index.html
+ template: 'index.html'
+ })
+ ],
第五步：命令行运行代码，打包
npm run build
打包成功后，dist文件夹下会生成一个新的index.html文件，
打开新生成的dist/index.html，验证该html网页是否和根目录下的index.html文件内容一致
第六步：删除根路径下的index.html文件中手动导入的main.js模块
第七步：命令行中重新启动，并打开html文件，显示最终页面效果
