Angular 尽管导入很少,但所有模块都将加载到浏览器中
我正在着手一个关于angular2的项目,该项目是用Typescript在Visual Studio 2015中构建的 该解决方案有一个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/*',
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
withrxjs@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本身就有很多内部依赖。到目前为止,大多数模块都是相互依赖的。