打包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其实还有更多的功能,想详细了解的小伙伴自行百度吧~