从字符串变量导入模块 [英] Import a module from string variable
问题描述
我需要从内存变量中导入一个 JavaScript 模块.我知道这可以使用 SystemJS 和 Webpack 来完成.
I need to import a JavaScript module from an in memory variable. I know that this can be done using SystemJS and Webpack.
但是我在任何地方都找不到好的工作示例或文档.文档主要讨论 .js 文件的动态导入.
But nowhere can I find a good working example nor documentation for the same. The documentations mostly talks of dynamic import of .js files.
基本上我需要像下面这样导入模块
Basically I need to import the module like below
let moduleData = "export function doSomething(string) { return string + '-done'; };"
//Need code to import that moduleData into memory
如果有人能指出文档，那将是很棒的
If anyone can point to documentation that will be great
推荐答案
import 语法存在一些限制，如果不使用外部库，就很难完成.
There are limitations in the import syntax that make it difficult to do if not impossible without using external libraries.
我能得到的最接近的是使用 Dynamic Import 语法.一个例子如下:
The closest I could get is by using the Dynamic Import syntax. An example follows:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<script>
var moduleData = "export function hello() { alert('hello'); };";
var b64moduleData = "data:text/javascript;base64," + btoa(moduleData);
</script>
<script type="module">
async function doimport() {
const module = await import(b64moduleData);
module.hello();
}
doimport();
</script>
</body>
</html>
然而，您会注意到这对构建导入代码的方式有一些限制，可能与您的需要不完全匹配.最简单的解决方案可能是将模块的代码发送到服务器上，让它生成一个临时脚本，然后使用更传统的语法导入.
You will however notice that this has some limitations on the way the import code is constructed, which may not precisely match what you need. The simplest solution is probably to send the code of the module on the server for it to generate a temporary script to be then imported using a more conventional syntax.
这篇关于从字符串变量导入模块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
