Angular2 with angularjs uglify

Question

现在我已成功将angular 2组件集成到我们的angularJS应用程序中，我想将它们用于发布。但是，如果我使用SystemJS构建器，则会出现以下错误：

Fatal error: ENOENT: no such file or directory, open '{webAppRoot}angular2\angular2.js'

似乎它正在尝试uglify require（'angular2 / angular2'）并且它无法正确解析它。我如何正确地使用angular2应用程序？

请注意，应用程序的angularJS部分是用ES5 JS和AMD编写的，而angular2模块是用SystemJS编译成ES5的。然后使用SystemJS加载AMD以及CommonJS模块。

Answer 1

我使用JSPM使我的angular2项目生产准备就绪。其他流行的工具，如JSPM，包括webpack和browserfy。 JSPM将完成的一项重要任务是捆绑构成angular2项目的各种模块。我还将“selfExecutingBundle”标志设置为true，并让JSPM生成一个捆绑的js文件（例如myApp.bundle.js），并从那里我缩小/ uglify它（myApp.bundle.min.js）并使用这个脚本引用在index.html文件中。

//# sourceMappingURL=app.min.js.map

这就是你所需要的！

将来，当HTTP / 2规范更常见时，可能不需要捆绑/缩小基于模块的项目，但是现在我认为这是必需的。