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

相关推荐
lcc1873 分钟前
Vue mixin混入
前端·vue.js
t***L2664 分钟前
终于搞定了!Vue项目打包后白屏问题
前端·javascript·vue.js
u***j3244 分钟前
前端组件通信方式,Vue与React对比
前端·vue.js·react.js
小贺要学前端6 分钟前
【无标题】
前端·javascript·vue·技术趋势
im_AMBER6 分钟前
React 18 用 State 响应输入
前端·react.js·前端框架
前端摸鱼匠8 分钟前
Vue 3 的全局组件注册:讲解如何全局注册组件
前端·javascript·vue.js·前端框架·node.js·ecmascript
lcc1872 小时前
Vue VueComponent
前端·vue.js
摇滚侠2 小时前
Vue 项目实战《尚医通》,预约挂号就诊人组件搭建上,笔记40
前端·javascript·vue.js·笔记
前端互助会6 小时前
Live2D形象展示与文本语音播报:打造生动交互体验的完整实现
前端·vue.js·microsoft·交互
努力的小郑7 小时前
今晚Cloudflare一哆嗦,我的加班计划全泡汤
前端·后端·程序员