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

相关推荐
qq_4783775154 小时前
python cut_merge video, convert video2gif, cut gif
java·前端·python
巴拉巴拉~~4 小时前
Flutter 通用列表刷新加载组件 CommonRefreshList:下拉刷新 + 上拉加载 + 状态适配
前端·javascript·flutter
梨子同志4 小时前
Express.js 基础
前端
梨子同志4 小时前
Node.js HTTP 服务器开发
前端
码途潇潇4 小时前
数据大屏常用布局-等比缩放布局(Scale Laylout)-使用 CSS Transform Scale 实现等比缩放
前端·css
犬大犬小4 小时前
从头说下DOM XSS
前端·javascript·xss
绿鸳4 小时前
Socket.IO实时通信
前端
Cache技术分享4 小时前
273. Java Stream API - Stream 中的中间操作:Mapping 操作详解
前端·后端
我的div丢了肿么办4 小时前
echarts中appendData的详细讲解
前端·javascript·vue.js