在尝试让Angular（1.x）使用systemjs时，我意识到目前没有能力（我知道）自动将$inject插入到角度组件中，这使得组件即使在这些函数的参数被minifier破坏了。手动创建$inject注释很繁琐，容易出错，并且违反 DRY 主体。
有一个名为ng-annotate的成熟npm模块可以解决这个问题，并在许多类似的情况下用于捆绑。正如我一直在探索SystemJS，我发现有一个插件系统包含翻译源代码的能力，这正是ng-annotate所做的。
从我所看到的情况来看，SystemJS只允许您将特定文件扩展名映射到单个加载器，并且所有插件示例都支持新的文件类型。我想要做的是对SystemJS的转换过程的输出进行后处理，而不是添加新的文件类型。似乎SystemJS应该能够做到这一点，因为它有一个处理管道，但我无法弄清楚如何以正确的方式挂钩它。现在我使用Browserify来达到同样的效果，但我最终得到了一组相当复杂的构建任务，如果可能的话我想用SystemJS简化它。
能够在SystemJS的加载器管道中使用ng-annotate的其他策略也将受到赞赏。
答案 0 :(得分：2)
最终我找到了一种方法，但这感觉非常笨重。 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;
});
}函数执行此操作，但未将其导出以供使用。我很感激有任何方法可以改进这一点，我希望最终有一个适当支持链接加载程序功能的机制：
<div class="row">
<div class="col-sm-6">I'm the left half</div>
<div class="col-sm-6">I'm the right half</div>
</div>
我还没有尝试过这个，因为我对System.js构建的特定用例目前是一个死胡同（Typescript源映射仍然被破坏），但可能你也可以返回一个承诺。 / p>
我会暂时不回答这个答案，看看是否有人有更好的建议。