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

 找回密码
 立即注册
搜索
查看: 102|回复: 8

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

[复制链接]
  • 打卡等级:初来乍到
  • 打卡总天数:5
  • 打卡月天数:0
  • 打卡总奖励:596
  • 最近打卡:2024-10-01 16:25:27

5

主题

30

回帖

837

积分

高级会员

积分
837

热心会员付费会员

发表于 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

主题

44

回帖

112

积分

注册会员

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

1

主题

30

回帖

84

积分

注册会员

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

0

主题

33

回帖

67

积分

注册会员

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

0

主题

84

回帖

258

积分

中级会员

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

1

主题

59

回帖

138

积分

注册会员

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

2

主题

63

回帖

170

积分

注册会员

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

3

主题

69

回帖

205

积分

中级会员

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

0

主题

39

回帖

83

积分

等待验证会员

积分
83

热心会员付费会员

发表于 2024-11-10 21:36:46 | 显示全部楼层
说得太好了,完全同意!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-24 12:54 , Processed in 0.117773 second(s), 28 queries .

Powered by i云网络 Licensed

© 2023-2028 正版授权

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