三、配置html模板

1、我们打包js文件名称不是一直是固定的嘛(output.js)，这样每次就不用改动引入文件名称了，实际上我们日常开发中往往会这样配置:

dist文件夹生成：

2、js文件打包好了,但是我们不可能每次在html文件中手动引入打包好的js，为了缓存，你会发现打包好的js文件的名称每次都不一样。webpack打包出来的js文件我们需要引入到html中，但是每次我们都手动修改js文件名显得很麻烦，因此我们需要一个插件来帮我们完成这件事情。
npm i -D html-webpack-plugin


可以发现打包生成的js文件已经被自动引入html文件中