Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular2和angularjs丑陋_Angular_Systemjs - Fatal编程技术网

Angular2和angularjs丑陋

Angular2和angularjs丑陋,angular,systemjs,Angular,Systemjs,现在,我已经成功地将Angular2组件集成到我们的angularJS应用程序中,我想在发布时对它们进行改进。但是,如果使用SystemJS builder,则会出现以下错误: Fatal error: ENOENT: no such file or directory, open '{webAppRoot}angular2\angular2.js' 它似乎试图丑化需求(“angular2/angular2”),但它没有正确地解决它。如何正确丑化angular2应用程序 请注意,应用程序的an

现在,我已经成功地将Angular2组件集成到我们的angularJS应用程序中,我想在发布时对它们进行改进。但是,如果使用SystemJS builder,则会出现以下错误:

Fatal error: ENOENT: no such file or directory, open '{webAppRoot}angular2\angular2.js'
它似乎试图丑化需求(“angular2/angular2”),但它没有正确地解决它。如何正确丑化angular2应用程序


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

我使用JSPM为angular2项目的生产做好准备。其他流行的工具如JSPM包括webpack和browserfy。JSPM将要完成的重要任务之一是将构成angular2项目的各种模块捆绑起来。我还将“selfExecutingBundle”标志设置为true,并让JSPM生成一个捆绑的js文件(例如myApp.bundle.js),然后从中缩小/uglify它(myApp.bundle.min.js),这个脚本引用用于index.html文件


你好,天使世界
加载。。。

问得好。我想在System.Config参数中,您可以将defaultExtension设置为'min.js',但我还没有让它工作以加载缩小的模块。只是一个建议,演示bundle sfx命令的外观将是有益的。同样,我也迫不及待地等待HTTP/2。@Evaplaice要了解关于jspm捆绑的更多详细信息,请查看以下答案:Wat?这是一种不必要的复杂捆绑方法。您可以使用
jspmbundle sfx——缩小js/myApp.js/myApp.bundle.min.js
来实现同样的功能。JSPM将跟踪应用程序中
import
语句中的所有依赖项。这就是我在这里使用的东西。@EvanPlaice尼斯。jspm是否也传输您的tyescript和minify/concat您的导入语句中未引用的依赖项,例如angular2 polyfills.js?如果您使用捆绑sfx,它会传输到ES5。捆绑包中不包含外部依赖项。我没有使用polyfills,而是通过一个
标记导入zone.js,并通过一个import语句导入indlude reflect元数据。zone.js和system.js不包括在内,但它们不需要透明化,所以没有太大区别。你可以看到我是如何使用它的。