设为首页收藏本站
天天打卡

 找回密码
 立即注册
搜索
查看: 142|回复: 20

使用html-webpack-plugin'入再内存中生成 html 页面插件

[复制链接]
  • 打卡等级:初来乍到
  • 打卡总天数:6
  • 打卡月天数:0
  • 打卡总奖励:607
  • 最近打卡:2025-01-22 12:01:04

5

主题

59

回帖

906

积分

高级会员

积分
906

热心会员付费会员

发表于 2024-4-20 10:30:45 | 显示全部楼层 |阅读模式
我们在打包webpackjs文件的时候,在index.html界面引人 全局main.js ,如图下:
必须引入
  1. src ='budl.js'
复制代码

打包的时候,未打包分为两个文件,一个本地磁盘文件,一个是内存中的文件,这样一来是不是特别麻烦,面对这个问题我们又了方法解决,
  1. html-webpack-plugin
复制代码
安装这个插件
1,我们首先输入
  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 页面插件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

1

主题

74

回帖

172

积分

注册会员

积分
172
发表于 2024-4-25 07:46:03 | 显示全部楼层
我完全同意你的观点

1

主题

54

回帖

132

积分

注册会员

积分
132
发表于 2024-5-26 18:31:29 | 显示全部楼层
顶一个,观点非常中肯!

0

主题

80

回帖

159

积分

注册会员

积分
159
发表于 2024-6-9 01:07:35 | 显示全部楼层
6666666666

0

主题

118

回帖

326

积分

中级会员

积分
326
发表于 2024-7-31 10:05:28 | 显示全部楼层
谢谢你分享这个信息

1

主题

107

回帖

234

积分

中级会员

积分
234
发表于 2024-8-29 15:47:39 | 显示全部楼层
已测试,非常不错

2

主题

103

回帖

250

积分

中级会员

积分
250
发表于 2024-9-5 17:36:16 | 显示全部楼层
好用好用

3

主题

102

回帖

269

积分

中级会员

积分
269
发表于 2024-10-29 20:33:05 | 显示全部楼层
让我们一起努力

0

主题

89

回帖

183

积分

等待验证会员

积分
183

热心会员付费会员

发表于 2024-11-10 21:36:46 | 显示全部楼层
说得太好了,完全同意!

0

主题

93

回帖

187

积分

等待验证会员

积分
187
发表于 2024-11-25 02:11:56 | 显示全部楼层
好用好用
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|爱云论坛 - d.taiji888.cn - 技术学习 免费资源分享 ( 蜀ICP备2022010826号 )|天天打卡

GMT+8, 2025-4-8 10:41 , Processed in 0.368960 second(s), 28 queries .

Powered by i云网络 Licensed

© 2023-2028 正版授权

快速回复 返回顶部 返回列表