CODEWITHSUNDEEP
jsonangularangular-cli
ioses
ioses

Reputation: 1017

Where is the file angular-cli.json in the new @angular/cli version?

I'm new in angular2 and i have tried to create a project with cli, but when I try to change the css adding it in angular-cli.json, I have detected that this file is not created...

Can I create manually or this file has been changed for another one?

Thanks!!

Upvotes: 43

Views: 57961

Answers (4)

Casey Plummer
Casey Plummer

Reputation: 3068

If you are looking for the global CLI config, I found it here on Windows:

%USERPROFILE%\angular-config.json

Example config change

ng config -g cli.defaultCollection @angular-eslint/schematics

Change is saved here

C:\users\USERNAME-GOES-HERE\angular-config.json

{
  "version": 1,
  "cli": {
    "defaultCollection": "@angular-eslint/schematics",
    "packageManager": "yarn",
    "warnings": {
      "versionMismatch": false
    }
  }
}

Upvotes: 1

Simon_Weaver
Simon_Weaver

Reputation: 145970

Angular 6 and later

angular-cli.json file has been renamed/replaced with angular.json in version 6 of Angular.

It's a different file format and not just a rename :

https://github.com/angular/angular-cli/wiki/angular-workspace

Upvotes: 122

Tyler Jennings
Tyler Jennings

Reputation: 8911

The angular-cli.json should be located in the root folder of the project. This is using the latest version "@angular/cli": "1.0.0-beta.32.3".

As for creating it if it is missing or maybe accidentally deleted, you could try that since the original version is pretty generic. Here is what it should look like right after project creation:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "version": "1.0.0-beta.32.3",
    "name": "testproj"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "files": "src/**/*.ts",
      "project": "src/tsconfig.json"
    },
    {
      "files": "e2e/**/*.ts",
      "project": "e2e/tsconfig.json"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

You could also try generating a new project with the cli with ng new PROJECT_NAME and see if it contains the angular-cli.json file.

Upvotes: 25

delasteve
delasteve

Reputation: 2727

The file was changed to be a hidden file now on unix/linux systems. It is now .angular-cli.json.

Upvotes: 36

Related Questions