打包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内的属性名(该属性名可修改))

相关推荐
轻闲一号机11 分钟前
【语音】笔记
前端·笔记·算法
初心丨哈士奇12 分钟前
一行 # 的差别:彻底搞懂前端路由的 hash 和 history 模式
前端·浏览器
羊羊小栈15 分钟前
非物质文化宣传系统(基于前后端Web开发)
前端·人工智能·毕业设计·大作业
环信17 分钟前
从SLA到弱网对抗-环信即时通讯云的可靠性工程
前端
半个落月38 分钟前
前端工程化第一步:BEM 国际命名规范与 CSS Reset 实战
前端·css
kyriewen1 小时前
开源|Image Harvest v1.0.5:AI 智能标签 + Eagle 导出,设计师和开发者的图片工作流神器
前端·javascript·ai编程
wuhen_n1 小时前
LangChain Memory 详解:实现 AI 连续对话不丢失上下文
前端·langchain·ai编程
wuhen_n1 小时前
LangChain Function Call 实战:让 AI 调用自定义工具
前端·langchain·ai编程
DyLatte1 小时前
很多人把坚持,误以为成长
前端·后端·程序员
XZ-0700011 小时前
MySQL-综合应用(Python+Html)
python·mysql·html