Angular 尽管导入很少,但所有模块都将加载到浏览器中

Angular 尽管导入很少,但所有模块都将加载到浏览器中,angular,rxjs,systemjs,Angular,Rxjs,Systemjs,我正在着手一个关于angular2的项目,该项目是用Typescript在Visual Studio 2015中构建的 该解决方案有一个node\u modules文件夹,其中包含所有依赖关系框架 我已将systemjs配置如下: System.config({ defaultJSExtensions: true, paths: { 'angular2/*': 'node_modules/angular2/*',

我正在着手一个关于angular2的项目,该项目是用Typescript在Visual Studio 2015中构建的

该解决方案有一个
node\u modules
文件夹,其中包含所有依赖关系框架

我已将systemjs配置如下:

    System.config({
        defaultJSExtensions: true,
        paths: {
            'angular2/*': 'node_modules/angular2/*',
            'rxjs/add/observable/*': 'node_modules/rxjs/add/observable/*.js',
            'rxjs/add/operator/*': 'node_modules/rxjs/add/operator/*.js',
            'rxjs/*': 'node_modules/rxjs/*.js'
        }
    });
    System.import('scripts/app.js');
我已使用以下导入创建了单个组件:

import {Component, View, provide} from 'angular2/core';
import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/common';
import {bootstrap} from 'angular2/platform/browser';
import {Http, Headers, HTTP_PROVIDERS, Response, XHRBackend} from 'angular2/http';
import {Observable} from 'rxjs/Observable';
import 'rxjs/Rx';
该应用程序工作正常,但在浏览器中查看“网络”选项卡时,似乎systemJs正在加载
node\u modules
文件夹中的所有JS文件(471个文件),导致网络使用量约为4.9 MB

我想知道如何根据导入限制文件加载

我目前正在使用
angular2 alpha 53
with
rxjs@5.0.0-alpha.14和systemjs的0.18.4版本。


谢谢

您可以使用dist来减小文件大小,尝试使用as task runner您应该删除
angular2/*
path,不需要它,当然,您正在导入完整的Rx,您可以重构它,只导入您需要的操作符。我遇到了完全相同的问题。你找到答案了吗?@tomSchreck,我们无能为力,angular2本身就有很多内部依赖。到目前为止,大多数模块都是相互依赖的。您可以使用dist来减小文件大小,尝试使用as task runner您应该删除
angular2/*
path,不需要它,当然,您正在导入完整的Rx,您可以重构它,只导入您需要的运算符。我遇到了完全相同的问题。你找到答案了吗?@tomSchreck,我们无能为力,angular2本身就有很多内部依赖。到目前为止,大多数模块都是相互依赖的。