Angular CLI beta 32 and new features

Update steps

Note: ng init and ng update removed because their current implementation causes more problems than it solves.

  • rename angular-cli.json file to ( .angular-cli.json )
  • update environment entry in ( .angular-cli.json ) file


"environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts",
"prod": "environments/"


"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/"
  • update package files with this packages
“dependencies”: {
@angular/common”: “².4.0”,
@angular/compiler”: “².4.0”,
@angular/core”: “².4.0”,
@angular/forms”: “².4.0”,
@angular/http”: “².4.0”,
@angular/platform-browser”: “².4.0”,
@angular/platform-browser-dynamic”: “².4.0”,
@angular/router”: “³.4.0”,
“core-js”: “².4.1”,
“rxjs”: “⁵.1.0”,
“zone.js”: “⁰.7.6”
“devDependencies”: {
@angular/cli”: “1.0.0-beta.32.3”,
@angular/compiler-cli”: “².4.0”,
@types/jasmine”: “2.5.38”,
@types/node”: “~6.0.60”,
“codelyzer”: “~2.0.0-beta.4”,
“jasmine-core”: “~2.5.2”,
“jasmine-spec-reporter”: “~3.2.0”,
“karma”: “~1.4.1”,
“karma-chrome-launcher”: “~2.0.0”,
“karma-cli”: “~1.0.1”,
“karma-jasmine”: “~1.1.0”,
“karma-jasmine-html-reporter”: “⁰.2.2”,
“karma-coverage-istanbul-reporter”: “⁰.2.0”,
“protractor”: “~5.1.0”,
“ts-node”: “~2.0.0”,
“tslint”: “~4.4.2”,
“typescript”: “~2.0.0”


  • one of big improvement in debug environment add in-browser development error overlay like the pic blow now you can see error in both console and browser.
  • eject command the command will generate a webpack.config.js and will add scripts to the package.json.
  • now you can customize your workflow as you needed by edit webpack.config.js file.
ng eject

note: after this command you must run npm install again as new packages added and not to use ( ng build , ng test , ng serve or ng e2e ) and use equivalent commands from package.json , running the equivalent CLI commands will result in an error.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.