完全从angular4中删除测试

Question

我使用angular4构建了一个非常小的应用程序.我有主要的应用程序组件,两个子组件和一个服务.我觉得我不需要测试这么小的应用程序,并希望删除所有相关的测试,以使项目更清洁

所以我的问题是我可以从项目中删除与测试相关的所有文件是什么？我已经删除了我的组件下的spec文件但是下一步是什么？我可以删除src/test.ts,src/tsconfig.spec.js,protractor.conf.js,karma.conf.js等吗？如果删除这个,我是否必须修改一些配置？

另外在侧面注释中,角度cli是否允许创建一个没有所有这些测试相关内容的新项目？

Answer 1

要构建一个没有spec文件的新项目:

ng new --skip-tests true projectname

然后你可以删除:

• / E2E
• test.ts
• protractor.conf.js
• karma.conf.js

如果你不想lint:

• tslint.json

您还可以将package.json减少到:

{
  "name": "projectname",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/router": "^4.0.0",
    "core-js": "^2.4.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "1.0.4",
    "@angular/compiler-cli": "^4.0.0",
    "@types/node": "~6.0.60",
    "ts-node": "~2.0.0",
    "typescript": "~2.2.0"
  }
}

生成新组件和服务时,您可以将其附加--spec false到跳过测试文件生成.

Answer 2

我建议不要删除所有测试文件,以防万一你以后再想回来.但是,您可以禁用cli在.angular-cli.json中创建spec文件

"defaults": {
    "styleExt": "less",
    "class": {
      "spec": false
    },
    "component": {
      "spec": false
    },
    "directive": {
      "spec": false
    },
    "module": {
      "spec": false
    },
    "pipe": {
      "spec": false
    },
    "service": {
      "spec": false
    }
  }

现在,无论何时使用cli创建组件,类等(ng c),都不会添加spec文件

Answer 3

对于angular-cli> 6

您可以在根目录上配置`angular.json

"projects": {
    "hello-world-app": {
        "schematics": {
            "@schematics/angular:component": {
                "spec": false
            },
            "@schematics/angular:directive": {
                "spec": false
            },
            "@schematics/angular:modules": {
                "spec": false
            },
            "@schematics/angular:pipe": {
                "spec": false
            },
            "@schematics/angular:service": {
                "spec": false
            },
            "@schematics/angular:class": {
                "spec": false
            }
        }
    }
}