草庐IT

JavaScript拦截模块导入

coder 2024-05-12 原文

我有一个使用 SystemJS 的 SPA(在 Aurelia/TypeScript 中，但这应该无关紧要)。假设它在 http://spa:5000/app 上运行。

它有时会根据需要从外部 URL 加载 JavaScript 模块，如 waterservice/external.js http://otherhost:5002/fetchmodule?moduleId=waterservice.external.js。我使用 SystemJS.import(url) 来执行此操作并且工作正常。

但是当这个外部模块想要使用一个简单的import { OtherClass } from './other-class'; 导入另一个模块时，这(可理解地)是行不通的。当由 SPA 加载时，它会查看 http://spa:5000/app/other-class.js。在这种情况下，我必须拦截路径/位置以将其重定向到 http://otherhost:5002/fetchmodule?moduleId=other-class.js。

注意:waterservice/external.ts 的 Typescript 编译可以找到，因为 typescript 编译器可以轻松找到 ./other-class.ts。显然我不能使用绝对 URL 进行导入。

我如何拦截我使用 SystemJS 导入的模块中的模块加载？

我已经测试过的一种方法是在 SystemJS 配置中添加一个映射。如果我像 import { OtherClass } from 'other-class'; 一样导入它并添加像 "other-class": "http://otherhost:5002/fetchmodule?moduleId= 这样的映射其他类” 它有效。但如果这种方法很好，我如何在运行时动态添加映射？

也欢迎其他方法，例如通用加载 url 拦截。

更新

我试图按照 artem 的建议拦截 SystemJS，就像这样

var systemLoader = SystemJS;
var defaultNormalize = systemLoader.normalize;
systemLoader.normalize = function(name, parentName) {
    console.error("Intercepting", name, parentName);
    return defaultNormalize(name, parentName);
}

这通常不会改变任何东西，只会产生一些控制台输出以查看发生了什么。不幸的是，这似乎确实改变了一些东西，因为我在 system.js 中收到错误 Uncaught (in promise) TypeError: this.has is not a function。

然后我尝试使用 SystemJS.config({map: ...}); 添加映射。令人惊讶的是，这个函数是增量工作的，所以当我调用它时，它不会丢失已经提供的映射。所以我可以这样做:

System.config({map: {
   "other-class": `http://otherhost:5002/fetchModule?moduleId=other-class.js`
}});

这不适用于相对路径(那些以 . 或 .. 开头的路径)但是如果我将共享路径放在根 中就可以了.

我仍然更愿意拦截加载以便能够处理更多场景，但目前我不知道上述方法中缺少哪个 has 功能。

最佳答案

how can I add mapping dynamically at runtime?

AFAIK SystemJS 可以随时通过调用进行配置

SystemJS.config({ map: { additional-mappings-here ... }});

如果它对您不起作用，您可以覆盖 loader.normalize 并在其中添加您自己的从模块 ID 到 URL 的映射。沿着这些线的东西:

// assuming you have one global SystemJS instance
var loader = SystemJS;

var defaultNormalize = loader.normalize;
loader.normalize = function(name, parentName) {
    if (parentName == 'your-external-module' && name == 'your-external-submodule') {
        return Promise.resolve('your-submodule-url');
    } else {
        return defaultNormalize.call(loader, name, parentName);
    }
}

我不知道这是否适用于 typescript 。此外，您还必须弄清楚在您的情况下传递给 loader.normalize 的名称到底是什么。

此外，如果您使用 systemjs builder 来捆绑您的代码，您将需要将该重写添加到 builder 使用的加载器中(这完全是另一回事)。

关于JavaScript拦截模块导入，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38766824/

JavaScript拦截codeSystemJSother-classecmascript-6es6-module-loader

有关JavaScript拦截模块导入的更多相关文章

  1. ruby - 在 Ruby 中使用匿名模块 - 2

    假设我做了一个模块如下:m=Module.newdoclassCendend三个问题:除了对m的引用之外，还有什么方法可以访问C和m中的其他内容？我可以在创建匿名模块后为其命名吗(就像我输入“module...”一样)？如何在使用完匿名模块后将其删除，使其定义的常量不再存在？ 最佳答案 三个答案:是的，使用ObjectSpace.此代码使c引用你的类(class)C不引用m:c=nilObjectSpace.each_object{|obj|c=objif(Class===objandobj.name=~/::C$/)}当然这取决于

  2. ruby-on-rails - Ruby net/ldap 模块中的内存泄漏 - 2

    作为我的Rails应用程序的一部分，我编写了一个小导入程序，它从我们的LDAP系统中吸取数据并将其塞入一个用户表中。不幸的是，与LDAP相关的代码在遍历我们的32K用户时泄漏了大量内存，我一直无法弄清楚如何解决这个问题。这个问题似乎在某种程度上与LDAP库有关，因为当我删除对LDAP内容的调用时，内存使用情况会很好地稳定下来。此外，不断增加的对象是Net::BER::BerIdentifiedString和Net::BER::BerIdentifiedArray，它们都是LDAP库的一部分。当我运行导入时，内存使用量最终达到超过1GB的峰值。如果问题存在，我需要找到一些方法来更正我的代

  3. ruby-on-rails - 在混合/模块中覆盖模型的属性访问器 - 2

    我有一个包含模块的模型。我想在模块中覆盖模型的访问器方法。例如:classBlah这显然行不通。有什么想法可以实现吗？ 最佳答案 您的代码看起来是正确的。我们正在毫无困难地使用这个确切的模式。如果我没记错的话，Rails使用#method_missing作为属性setter，因此您的模块将优先，阻止ActiveRecord的setter。如果您正在使用ActiveSupport::Concern(参见thisblogpost)，那么您的实例方法需要进入一个特殊的模块:classBlah

  4. ruby - 当使用::指定模块时，为什么 Ruby 不在更高范围内查找类？ - 2

    我刚刚被困在这个问题上一段时间了。以这个基地为例:moduleTopclassTestendmoduleFooendend稍后，我可以通过这样做在Foo中定义扩展Test的类:moduleTopmoduleFooclassSomeTest但是，如果我尝试通过使用::指定模块来最小化缩进:moduleTop::FooclassFailure这失败了:NameError:uninitializedconstantTop::Foo::Test这是一个错误，还是仅仅是Ruby解析变量名的方式的逻辑结果？ 最佳答案 Isthisabug,or

  5. ruby - 获取模块中定义的所有常量的值 - 2

    我想获取模块中定义的所有常量的值:moduleLettersA='apple'.freezeB='boy'.freezeendconstants给了我常量的名字:Letters.constants(false)#=>[:A,:B]如何获取它们的值的数组，即["apple","boy"]？ 最佳答案 为了做到这一点，请使用mapLetters.constants(false).map&Letters.method(:const_get)这将返回["a","b"]第二种方式:Letters.constants(false).map{|c

  6. ruby - 模块嵌套代码风格偏好 - 2

    我的假设是moduleAmoduleBendend和moduleA::Bend是一样的。我能够从thisblog找到解决方案,thisSOthread和andthisSOthread.为什么以及什么时候应该更喜欢紧凑语法A::B而不是另一个，因为它显然有一个缺点？我有一种直觉，它可能与性能有关，因为在更多命名空间中查找常量需要更多计算。但是我无法通过对普通类进行基准测试来验证这一点。 最佳答案 这两种写作方法经常被混淆。首先要说的是，据我所知，没有可衡量的性能差异。(在下面的书面示例中不断查找)最明显的区别，可能也是最著名的，是你的

  7. ruby-on-rails - 使用 config.threadsafe 时从 lib/加载模块/类的正确方法是什么!选项？ - 2

    我一直致力于让我们的Rails2.3.8应用程序在JRuby下正确运行。一切正常，直到我启用config.threadsafe!以实现JRuby提供的并发性。这导致lib/中的模块和类不再自动加载。使用config.threadsafe!启用:$rubyscript/runner-eproduction'pSim::Sim200Provisioner'/Users/amchale/.rvm/gems/jruby-1.5.1@web-services/gems/activesupport-2.3.8/lib/active_support/dependencies.rb:105:in`co

  8. ruby - 检查是否通过 require 执行或导入了 Ruby 程序 - 2

    如何检查Ruby文件是否是通过“require”或“load”导入的，而不是简单地从命令行执行的？例如:foo.rb的内容:puts"Hello"bar.rb的内容require'foo'输出:$./foo.rbHello$./bar.rbHello基本上，我想调用bar.rb以不执行puts调用。 最佳答案 将foo.rb改为:if__FILE__==$0puts"Hello"end检查__FILE__-当前ruby​​文件的名称-与$0-正在运行的脚本的名称。 关于ruby-检查是否

  9. ruby-on-rails - Controller 中的 Rails 辅助模块 - 2

    我有一个Controller，我想为这个Controller创建一个助手，我可以在不包含它的情况下使用它。我尝试像这样创建一个与Controller同名的助手classCars::EnginesController我创建的助手是moduleCars::EnginesHelperdefcheck_fuellogger.debug("chekingfuel")endend我得到的错误是undefinedlocalvariableormethod`check_fuel'for#有没有我遗漏的约定？ 最佳答案 如果你真的想在Controll

  10. ruby-on-rails - 具有同名的模块和类 - 2

    我有一个模块stat存在于目录结构中:lib/stat_creator/stat/在lib/stat_creator/stat.rb中，我在lib/stat_creator/stat/目录中有我需要的文件，以及:moduleStatCreatormoduleStatendend当我使用该模块时，我将这些类称为StatCreator::Stat::Foo.new现在我想要一个存在于应用程序中的根Stat类。我在app/models中制作了我的Stat类，并在routes.rb中进行了设置。但是，如果我转到Rails控制台并尝试在应用程序/模型中使用Stat类，例如:Stat.by_use

随机推荐