如何在Swift的JavaScriptCore中导入模块?
我正在尝试使用
Swift的
JavaScriptCore框架来利用使用ES6模块的现有JavaScript库.具体来说,morse-pro由Stephen C Phillips完成.我已将文件添加到Xcode游乐场,然后使用此代码加载库并在JavaScript上下文中运行它:
import JavaScriptCore var jsContext = JSContext() // set up exception handler for javascript errors jsContext?.exceptionHandler = { context,exception in if let exc = exception { print("JS Exception:",exc.toString()) } } // read the javascript files in and evaluate if let jsSourcePath = Bundle.main.path(forResource: "morse-pro-master/src/morse-pro-message",ofType: "js") { do { let jsSourceContents = try String(contentsOfFile: jsSourcePath) jsContext?.evaluateScript(jsSourceContents) } catch { print(error.localizedDescription) } } 这种方法适用于简单的“Hello world”类测试,但是它在morse-pro库中遇到了这个JavaScript错误:
该错误似乎是由morse-pro-message.js中的这一行引起的: import * as Morse from './morse-pro'; 我相信它试图将所有morse-pro文件作为模块导入. 我不熟悉ES6模块,但该库似乎适用于普通JavaScript环境中的其他人.我在Swift中加载库的方式有问题吗?或者模块是JavaScriptCore不支持的功能吗? (documentation只是说它支持“JavaScript”,并没有更具体.) 我很感激任何建议,指出我在JavaScriptCore VM中运行此库的方向. 解决方法
在黑暗中笨手笨脚之后,我发现了一种方法可以让Swift可以使用它,而无需手动更改它.
首先,正如@estus建议的那样,我使用NPM安装了库,它将其转换为ES5但不解析依赖关系.所以它仍然是一堆独立的文件,它们使用require和export关键字相互调用,浏览器和JavaScriptCore都不了解. 然后我使用Browserify将所有依赖项捆绑到一个文件中,以便JavaScriptCore可以理解它. Browserify的正常操作隐藏了所有代码,因此我使用“–standalone”标志告诉它使标记函数可用.如果直接导出ES5文件,它将创建一个通用对象并将导出的函数放在.default下.我希望它们稍微更易于访问,因此我创建了一个新文件来列出导出,然后运行Browserify.例如,一个名为“morse-export.js”的文件包含: module.exports.MorseMessage = require('./lib/morse-pro-message.js').default; 然后我像这样运行Browserify: browserify ./morse-export.js --standalone Morse > ./morse-bundle.js 并使用Bundle.main.path(forResource)在我的Swift代码中包含morse-bundle.js文件.现在我可以使用Morse.MorseMessage访问MorseMessage类,所以回到Swift: jsContext?.evaluateScript("var morseMessage = new Morse.MorseMessage()") print(jsContext!.evaluateScript("morseMessage.translate('abc')")) 打印“.- -… -.-.”正如你所料. 这样做的缺点是您必须手动添加要导出到导出文件的任何类和函数.不过,这似乎是最简单的方法.如果有更好的方法,我很乐意听到它! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |