angularjs – SystemJS插件可以修改已经转换的文件吗？

发布时间：2020-12-17 07:01:12 所属栏目：安全来源：网络整理

导读：在尝试让Angular(1.x)使用??systemjs时,我意识到目前没有能力(我知道)自动将$inject插入到角度组件中,即使函数的参数是由缩小器破坏.手动创建$inject注释是单调乏味的,容易出错并且违反了DRY主体. 有一个名为ng-annotate的成熟npm模块可以解决这个问题,并在

在尝试让Angular(1.x)使用??systemjs时,我意识到目前没有能力(我知道)自动将$inject插入到角度组件中,即使函数的参数是由缩小器破坏.手动创建$inject注释是单调乏味的,容易出错并且违反了DRY主体.

有一个名为ng-annotate的成熟npm模块可以解决这个问题,并在许多类似的情况下用于捆绑.正如我一直在探索SystemJS,我发现有一个插件系统包含翻译源代码的能力,这正是ng-annotate所做的.

但是,从我所看到的,SystemJS只能让您将特定文件扩展名映射到单个加载器,并且所有插件示例都支持新的文件类型.我想做的是对SystemJS的转换过程的输出进行后处理,而不是添加新的文件类型.似乎SystemJS应该能够做到这一点,因为它有一个处理管道,但我无法弄清楚如何以正确的方式挂钩它.现在我使用Browserify来达到同样的效果,但我最终得到了一组相当复杂的构建任务,如果可能的话我想用SystemJS简化它.

其他策略也可以在使用SystemJS的加载器管道中使用ng-annotate.

解决方法

最终我想出了一个方法,但这感觉真的很笨重. System.src本身使用hook()函数来执行此操作,但它不会导出以供使用.我很感激有任何方法可以改进这一点,我希望最终有一个适当支持链接加载程序功能的机制：

var System = require('systemjs');
var systemTranslate = System.translate;
System.translate = function(load) {
  return systemTranslate.call(this,load).then(function (result) {
    if (result) {
      var processedResult = result; // Do your processing here.
      load.source = processedResult;
    }
    return load.source;
  });
}

我没有对此进行过多尝试,因为我对System.js构建的特定用例目前是一个死胡同(Typescript源映射仍然被破坏),但可能你也可以返回一个承诺.

我会暂时不选择这个答案,看看是否有人有更好的建议.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!