当前位置：首页 > article >正文

angular项目知识点

article 2025/1/21 4:02:49

前言

一、创建组件时不生成spec.ts

二、angular.json的详解

三、--prod代表意思

四、--base-href和--output-path

前言

记录一下对于angular项目里的配置文件的解析，以前都没有具体了解过

一、创建组件时不生成spec.ts

在使用指令ng g c componenet时，会默认生成spec.ts测试文件，如果想要不自动生成则需要以下操作。

在angular.json中生成conponent的对象里新增 "skipTests": true

 "schematics": {
        "@schematics/angular:component": {
          "style": "scss",
          "skipTests": true
        },
        "@schematics/angular:application": {
          "strict": true
        }
      },

二、angular.json的详解

在项目终端执行npm run start，此时会执行package.json里的start对应的ng serve，此时会执行angular.json里的对应命令

 "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },

1.进入angular.json，由于defaultConfiguration指定了默认使用的配置，使用开发环境的配置，此时会执行"new-app:build:development"，这段代码表示，项目名称:构建哪个配置:使用哪个配置环境，所以这段代码表示在new-app项目里使用build下的开发配置环境。

2.执行build里configurations下的开发配置环境