webpack打包js，html

打包js与html文件

接上次,上次已经可以打包一个简单的js文件,这次,在尝试打包js+html文件

首先，先删除之前打包好的dist文件夹

1.在src下创建index.html空文件

2.安装html打包依赖项 yarn add html-webpack-plugin -D

3.编写webpack.config.js打包文件

4.运行 npx webpack 打包命令,此时项目结构应该是这个样子的

打开dist/index.html文件，应该是这样的

右键浏览器打开，可以看到，build.js的hello world也可以正常输出，说明打包的html自动的引入了打包之后的js，并且进行了hash赋值

至此，html+js打包完成，html-webpack-plugin其实还有更多的功能，想详细了解的小伙伴自行百度吧~