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

相关推荐
之歆13 小时前
DAY04_HTML&CSS_从表单到样式的完整学习指南
css·html·产品运营
\xin14 小时前
pikachu自编exp,xss反射性get,post,存储型xss,dom,dom-x
前端·javascript·xss
是烟花哈19 小时前
【前端】React框架学习
前端·学习·react.js
qq43569470119 小时前
JavaWeb08
前端
2401_8784545320 小时前
html和css的复习(1)
前端·css·html
@PHARAOH21 小时前
WHAT - git worktree 概念
前端·git
冰的第三次元21 小时前
一天通关HTML80%核心细节(新手友好版)
html
IT_陈寒21 小时前
我竟然被JavaScript的隐式类型转换坑了三天!
前端·人工智能·后端
我亚索贼六丶21 小时前
二十六. AI基础概念之如何更好的使用AI
前端
小码哥_常21 小时前
安卓启动页Logo适配秘籍:告别“奇形怪状”的展示
前端