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

时间:2016-09-02 10:03:01

标签: optimization angular systemjs node-modules

'从" angular2"'中导入{ComponentHere},这一个点击服务器,因此可能需要获取所有必需的文件。有没有办法减少对服务器的调用次数?

//本地主机: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" ;. 等。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

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