html中本页面路径怎么写,html页面统一绝对路径

本文介绍了一种使用Gulp自动化工具,通过替换base.js文件实现在所有HTML页面中动态更新URL的方法,避免了频繁手动修改的繁琐。通过`gulpfile.js`脚本,实现了便捷的全局更改,提升页面加载体验。
摘要由CSDN通过智能技术生成

如果地址变了所有的页面都要修改很麻烦

不太清楚地址为什么会频繁变化。假如你有一个不会变的 base.js,在里面写const href = "some/path"

$("head").append(``)

但是这样每次要先加载一个 js,体验不是很好,考虑 gulp// gulpfile.js

const {

src, dest

} = require("gulp")

const through2 = require("through2")

const change_base = () => src("path/to/your/*.html") // TODO: 修改路径

.pipe(through2.obj((fi, _, cb) => {

if (fi.isBuffer()) fi.contents = Buffer.from(

// 应该不会有多个

fi.contents.toString().replace(//, () =>

``

)

)

cb(null, fi)

}))

.pipe(dest("path/to/your")) // TODO: 修改路径

module.exports = {

change_base

}

然后就可以很舒适地使用:$ gulp change_base some/path

未经检验,可能有错

没有安装 gulp 的话$ npm i -g gulp # 全局也装一个吧

$ npm i -D gulp

$ npm i -D through2 # 是脚本需要的插件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值