从注入的 JS 中导入 JS 文件

Question

我有一些“润滑脂”（JS/CSS 改编），我通过插件将其注入到某个域的页面中。现在我的同事也想使用它们。为了动态部署此改编的更改和更新，我发布了一个 CSS 和一个 JavaScript 文件，我想从插件中导入它们。

这适用于 CSS (

@import url('https://contoso.com/ownstyle.css')

)，但 JS import

import from 'https://contoso.com/ownscript.js

) 只会导致“SyntaxError: Cannot use import statement outside a module”。

我正在咨询这个 ES6：从 URL 导入模块 但这里的解决方案需要从页面内进行标记导入。有没有办法从注入 JS 的插件中导入它？

Answer 1

好吧，要导入脚本，下面有 3 行函数和示例用法

这是否有助于实现您的目标？

async function require(url){
  let module={exports:{}}, {exports}=module
  eval( await(await fetch(url)).text() )
  return module.exports
}
let url="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.4/d3.min.js";
require(url)
.then(result=>{
  console.log(Object.keys(result))
  //do things with resultant export
})