我开始使用带有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.14
和systemjs at 0.18.4.
三江源!