这篇文章主要介绍了使用html-webpack-plugin'入再内存中生成 html 页面插件,需要的朋友可以参考下

我们在打包webpackjs文件的时候,在index.html界面引人 全局main.js ,如图下:

必须引入 src ='budl.js'

打包的时候,未打包分为两个文件,一个本地磁盘文件,一个是内存中的文件,这样一来是不是特别麻烦,面对这个问题我们又了方法解决,html-webpack-plugin 安装这个插件

1,我们首先输入 npm i  html-webpack-plugin 安装该插件

2,然后在webpack.config.js 配置文件配置好选项。

安装完成

webpack.config.js引入html-webpack-plugin

3,插件安装好之后,去把index 的src="budle.js" 注释,然后重启项目

4,重启项目之后,界面会自动打包一个buld.js 在index界面引入

总结

以上所述是小编给大家介绍的使用html-webpack-plugin'入再内存中生成 html 页面插件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对爱安网网站的支持!

最新资讯
超10万用户隐私遭泄露 游戏硬件制造商雷蛇道歉

超10万用户隐私遭泄露

据外媒报道,由于后台服务器的错误配置,知名游戏硬件制造
商务部:国家电子商务示范基地新增15家

商务部:国家电子商务示

日前,在北京召开的2020中国电子商务大会上,商务部公布了
数字浪潮倒逼成长 金融机构拥抱科技愈显积极

数字浪潮倒逼成长 金

一场金融科技领域的全球峰会9月24日在上海外滩揭开序
世界互联网教父:金融科技或成穷富人之间的“破壁机”

世界互联网教父:金融科

金融科技的“超能力”还远未用足,未来或许可以成为穷人
NASA推迟蓝色起源亚轨道宇宙飞船原定发射计划

NASA推迟蓝色起源亚轨

美国国家航空航天局(NASA)推迟Blue Origin原定发射计划
新专利显示苹果准备在iPhone和iPad上使用纳米纹理玻璃

新专利显示苹果准备在

苹果公司正在研究扩展其在Pro显示器XDR上引入的纳米纹
最新文章
浅析html webpack plugin插件的使用教程

浅析html webpack plu

这篇文章主要介绍了html webpack plugin插件的使用教
HTML转PDF的纯客户端和纯服务端实现方案

HTML转PDF的纯客户端

这篇文章主要介绍了HTML转PDF的纯客户端和纯服务端实
HTML行内元素与块级元素有哪些及区别详解

HTML行内元素与块级元

这篇文章主要介绍了HTML行内元素与块级元素有哪些及区
html+css 实现图片右上角加删除叉、图片删除按钮

html+css 实现图片右

这篇文章主要介绍了html+css 实现图片右上角加删除叉
详解iframe的src指向的内容不刷新的解决办法

详解iframe的src指向

这篇文章主要介绍了详解iframe的src指向的内容不刷新
浅析HTML 悬浮float的用法

浅析HTML 悬浮float的

float的用途比较广, 本文主要给大家介绍HTML 悬浮floa