在试图获得角度(1.x)与systemjs一起工作时,我意识到目前还没有自动将$inject插入到角组件中的能力(据我所知),即使函数的参数被小型机损坏,也能使组件工作。手动创建$inject注释是繁琐的、容易出错的,并且违反了and主体。
有一个成熟的npm模块叫做ng-annotate,它解决了这个问题,并在许多类似的情况下用于捆绑。当我一直在探索SystemJS时,我发现有一个插件系统包含了翻译源代码的能力,这正是ng-annotate所做的。
不过,我可以看到,SystemJS只允许您将特定的文件扩展名映射到单个加载程序,而且插件的所有示例都支持新的文件类型。我想做的是对SystemJS的转移溢出过程的输出进行后处理,而不是添加一个新的文件类型。看来SystemJS应该能够做到这一点,因为它有一个处理管道,但我不太清楚如何以正确的方式连接到它。现在,我正在使用Browserify来实现同样的效果,但是我最终得到了一组相当复杂的构建任务,如果可能的话,我希望用SystemJS来简化它。
其他的策略,能够使用ng-annotate在装载机管道与SystemJS也将不胜感激。
发布于 2015-09-11 22:45:18
最后我想出了一个办法,但这感觉真的很笨拙。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构建的特定用例目前是一个死胡同(打印文本源映射仍然被破坏),但是您可能也可以返回一个承诺。
我将把这个答案留一段时间,看看是否有人有更好的建议。
https://stackoverflow.com/questions/32492095
复制相似问题