小编Dem*_*ona的帖子

如何减少生产代码Angular 2.0的文件大小

我正在使用Angular-Cli及其默认项目.

我正在尝试获得代码的生产版本,因此我正在运行--prod并且在输出中我看到911 KB,是否可以进一步优化它?我如何告诉angular提供gzip文件?

ng serve --prod

在此输入图像描述

仅供参考:我尝试过服务--prod - 但是服务器正在循环中再次构建.但是,当我尝试构建--prod --aot然后我看到大小减少但我无法启动服务器.

ng build --prod --aot

在此输入图像描述

下面是我在Package.json文件中使用的代码

{
  "name": "angular2-quickstart",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "start": "ng serve",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0",
    "@angular/router": "3.0.0",
    "core-js": "^2.4.1",
    "rxjs": "5.0.0-beta.12",
    "ts-helpers": "^1.1.1",
    "zone.js": "^0.6.23"
  },
  "devDependencies": {
    "@types/jasmine": "^2.2.30",
    "angular-cli": "1.0.0-beta.16",
    "codelyzer": "~0.0.26",
    "jasmine-core": "2.4.1", …
Run Code Online (Sandbox Code Playgroud)

angular-cli angular

10
推荐指数
1
解决办法
3493
查看次数

用于 web.de 和 GMX 的联系人 API

我正在从事一个项目,我必须从 GMX 和 web.de 导入联系人。我在他们的网站上搜索了开发人员 api,但找不到任何参考文档。这些网站是否提供任何开发者api?我看到 Xing.com 使用这些服务来导入联系人,我相信他们一定不会使用任何屏幕抓取方法。有人可以指出我正确的方向吗?我感谢您的帮助。

api developer-tools

5
推荐指数
0
解决办法
609
查看次数

测试可观察物体角度2业力

我正在使用Karma处理Angular 2的单元测试用例,我遇到了一个函数,我在下面运行测试

expect(component.subscribeToEvents()).toBeTruthy();
Run Code Online (Sandbox Code Playgroud)

我查看我的覆盖代码,测试文件中的行似乎没有覆盖订阅内的任何内容.我曾尝试使用MockBackend模拟服务函数内的api调用,但我不确定如何对订阅对象进行模拟,有人可以帮助我吗?

以下是test.component.ts

subscribeToEvents() {
this.subscription = this.czData.$selectedColorZone
  .subscribe(items => {
    this.resourceLoading = true;
    if (!this.resourceData || (this.resourceData && this.resourceData.length === 0)) {
      this.settings.layout.flypanel.display = false;
      this.getAllResources(this.pagination.start, this.pagination.size);
    }
    else {
      this.pagination.start = 1;
      this.pagination.end = this.pagination.size;
      this.getAllResources(1, this.pagination.size);
      this.settings.layout.flypanel.display = true;
    }
  });
return true;
Run Code Online (Sandbox Code Playgroud)

}

覆盖代码的屏幕截图 在此输入图像描述

unit-testing karma-jasmine karma-coverage angular2-services angular

5
推荐指数
1
解决办法
5770
查看次数