所有模块都在浏览器中加载,尽管进口很少

时间:2015-12-14 05:53:08

标签: angular rxjs systemjs

我开始使用带有Typescript的Visual Studio 2015中构建的angular2项目。

该解决方案有一个node_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';

应用程序正常工作但在浏览器中查看网络选项卡,看起来node_modules文件夹中的所有JS文件(471个文件)都被systemJs加载,导致网络使用量大约为4.9 MB。

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

我目前正在使用angular2 alpha 53 rxjs@5.0.0-alpha.14systemjs at 0.18.4.

三江源!

0 个答案:

没有答案