Angular2，使用较少的服务器调用加载模块

Question

‘'import {ComponentHere} from "angular2"'，这个命令会用来访问服务器，所以可能会调用所有需要的文件。有没有办法减少对服务器的调用次数？

//localhost:9739/node_modules/@angular/common/src/directives/core_directives.js.//localhost:9739/node_modules/@angular/common/src/pipes/uppercase_pipe.js". //localhost:9739/node_modules/@angular/common/src/forms/directives/control_container.js".等等。

Answer 1

考虑使用WebPack (https://angular.io/docs/ts/latest/guide/webpack.html)，它通常会减少发送到客户端的文件数量(但它们显然会更大)

Answer 2

您可以使用“Gulp Builder”(https://github.com/systemjs/builder)并将其集成到诸如SystemJS之类的工具中，以使其成为您的包构建过程的一部分。你给它一个入口点(你的应用程序)，然后它会查看你的依赖树来构建你的包。

当使用你的捆绑包时，systemjs会从你的捆绑包中导入，而不是每个小的js文件。当我使用angular2进行测试时，我在DEV中下载了700多个文件，而在使用该包时只有35个文件在PROD中下载。