使用gulp inject还是iframe？-灵析社区

这是我写一个html页面，我现在想要让右边刷新，导航栏不刷新。或者是整体刷新。  导航栏的代码： 我的首页 我的信息 银行公告 最新提醒 我的资产负债 我的账户 账户管理 账户概览 交易明细查询 他行账户管理 资金归集账户设置 资金归集管理 资金明细查询 转账汇款 行内转账 注册账户互转 跨行转账 批量转账 批量转账查询 转账结果查询 联行号查询 缴费支付 自助缴费 缴费查询 缴费设置 缴学费 缴学费查询 彩票站点缴费 体彩缴款 体彩缴款记录查询 个人贷款 个人贷款 个人贷款查询 小微贷查询 贷款试算 个贷产品展示 家园e贷 申请进度查询 贷款详情 信用卡 申办与激活 卡片激活 办卡进度 账户管理 综合查询 资料修改 密码修改 信用卡挂失 信用卡补发 额度管理 额度查询 调额申请 账单查询 已出账单 未出账单 账单维护 授权历史交易查询 授权未入帐交易查询 信用卡还款 本行主动还款 本行约定还款 分期信贷 账单分期 消费分期 现金分期 预借现金 转账历史查询 分期查询 支付管理 网上支付设置 银联无密闪付 积分管理 积分查询 我的活动 增值保障 动账短信提醒设置 消费提示 用卡须知 随用金服务 透支转账 随意金汇总查询 随意金明细查询 理财产品 产品超市 风险评估 持有理财产品 我的定投 在途交易 待兑付产品 交易明细查询 贵金属签约 我的储蓄 定期互转 通知存款 智能通知存款 易得利 我的易得利 易得利签约/解约 月月息 月月息产品 我的月月息 特色储蓄 大额存单 大额存单产品 我的大额存单 我要转让 我的抓让 转让专区 活期盈 活期盈产品 我的活期盈 我的网银 用户名设置 网银操作日志 短信签约查询 快捷菜单设置 收款人名册维护 缴费提醒设置 安全中心 安全设置 交易限额设置 手机银行限额签约 证书更新 账户安全锁 对应页面被注释包裹，然后替换上去的代码 脚本： 'use strict' var gulp = require('gulp'); var requireDir = require('require-dir'); gulp.paths = { dist: 'dist', }; var paths = gulp.paths; requireDir('gulp-tasks') gulp.task('default', gulp.series('serve')); 做的尝试： 整体刷新：使用gulp inject的命令，我单独写了页头，导航栏，页脚的页面，每当我想要修改的时候，我就只修改单独的这些页面，然后执行gulp inject命令，然后gulp就会根据我页面中的特定注释包裹的地方替换掉对应的代码。 确实可以，不过会多出很多代码，冗余代码很多。但是我不知道这样做是否对页面性能有影响？是否应该使用iframe标签？ 疑问就是：用iframe还是gulp？