运行时动态引入JS文件

运行时动态引入JS文件(尚在开发环境)

1.添加方法 requireJSFiles

export function requireJSFiles (target, pathArr) {
  return new Promise((resolve, reject) => {
    requireJSFile(target, pathArr[0]).then(() => {
      pathArr.shift()
      if (pathArr.length === 0) { resolve(true) } else { requireJSFiles(target, pathArr).then(res => { if (res === true) resolve(true) }) }
    })
  })
}
  1. 实现方法 requireJSFile
function requireJSFile (target, path) {
  return new Promise((resolve, reject) => {
    let e = document.createElement('script')
    e.type = 'text/javascript'
    e.src = path
    target.appendChild(e)
    e.onload = e.onreadystatechange = function () {
      if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') {
        resolve()
      }
    }
  })
}
  1. 执行
requireJSFiles(document.body, ['/static/js/a.js', '/static/js/b.js', '/static/js/c.js']).then((res) => {
	// 数组内的路径必须是运行状态可以访问到文件的路径
	// dosomething
})
  1. 提示:如果有文件的先后依赖关系,按序写入数组即可,个人想的,水平较差,如果哪位大佬有高见,敬请指点
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值