打包HTML

结合之前的webpack打包 ,对HTML进行相对应的打包

1.在浏览器打开npm搜索 html---webpack---插件

2.下划找到lnstall复制webpack5里的第一句到终端

3.下滑找到用法配置脚本语言

3.1 复制下图代码到之前的webpack.config.js脚本里放在开头的位置

3.2 复制下图代码到之前的webpack.config.js脚本里的output:{......}内容下

4.创建一个文件夹,再在文件夹里面创建一个html文件书写内容

5.修改下面代码把里面的地址换成自己创建的html地址

plugins: [

new HtmlWebpackPlugin({template: 'html/xl.html'})

]

6.在终端运行npm run texs (test为package.json内scripts内的属性名(该属性名可修改))

相关推荐
一过菜只因7 分钟前
VUE快速入门
前端·javascript·vue.js
滴滴答答哒13 分钟前
Quartz Cron 表达式参考表
前端·css·css3
匠心网络科技14 分钟前
前端学习手册-JavaScript条件判断语句全解析(十八)
开发语言·前端·javascript·学习·ecmascript
我只会写Bug啊14 分钟前
一文读懂:cookie、localStorage与sessionStorage的区别与应用
前端
杨超越luckly14 分钟前
HTML应用指南:利用GET请求获取全国新东方门店位置信息
前端·数据库·arcgis·html·门店数据
颜颜yan_18 分钟前
DevUI零基础入门教程:5分钟快速上手Vue DevUI组件库
前端·javascript·vue.js
武藤一雄19 分钟前
[WPF] 万字拆解依赖属性与附加属性
前端·microsoft·c#·.net·wpf
羊吖20 分钟前
Vue文件预览组件实战:高性能懒加载
前端·javascript·vue.js
代码or搬砖20 分钟前
如何创建一个vue项目(详细步骤)
前端·javascript·vue.js
赛贝维权申诉21 分钟前
亚马逊爆款美国外观专利落地,家居/儿童/宠物等品类亚马逊卖家谨防侵权投诉!
前端·javascript·宠物