angular-cli

Is there a compatibility list for Angular / Angular-CLI and Node.js?

|Angular CLI| Angular | NodeJS |TypeScript | RxJS Version | |———–|——————–|—————————— |———–|—————————————–| |- |2.x |6.0.x or later minor |2.0.x |5.0.x/5.1.x/5.2.x/5.3.x/5.4.x/5.5.x | |1.0.6 |4.x |6.9.x or later minor |2.2.x |5.0.x/5.1.x/5.2.x/5.3.x/5.4.x/5.5.x | |1.1.3 |4.x |6.9.x or later minor |2.3.x |5.0.x/5.1.x/5.2.x/5.3.x/5.4.x/5.5.x | |1.2.7 |4.x |6.9.x or later minor |2.3.x |5.0.x/5.1.x/5.2.x/5.3.x/5.4.x/5.5.x | |1.3.2 |4.2.x or later minor|6.9.x or later … Read more

How do I support Internet Explorer in an Angular 8 application?

According to this issue reply You need to follow the following steps Create a new tsconfig tsconfig.es5.json next to tsconfig.json with the below contents { “extends”: “./tsconfig.json”, “compilerOptions”: { “target”: “es5” } } In angular.json Under projects:yourAppName:architect:build:configurations, add “es5”: { “tsConfig”: “./tsconfig.es5.json” } and projects:yourAppName:architect:serve:configurations add “es5”: { “browserTarget”: “yourAppName:build:es5” } Remember to change yourAppName … Read more

PowerShell script add ‘–prod’ argument to build Angular CLI project

Neko Musume’s helpful answer provides a solution to your immediate problem. However, it’s worth taking a step back: To synchronously execute console applications or batch files, call them directly (ng build … or & ng build …), do not use Start-Process – see this answer and this GitHub docs issue detailing appropriate vs. non-appropriate use … Read more

Angular CLI SASS options

Angular CLI version 9 (used to create Angular 9 projects) now picks up style from schematics instead of styleext. Use the command like this: ng config schematics.@schematics/angular:component.style scssand the resulting angular.json shall look like this “schematics”: { “@schematics/angular:component”: { “style”: “scss” } } Other possible solutions & explanations: To create a new project with angular … Read more

Angular Cli Webpack, How to add or bundle external js files?

Last tested using angular-cli 11.x.x with Angular 11.x.x This can be accomplished using scripts:[] in angular.json. { “project”: { “version”: “1.0.0”, “name”: “my-project” }, “apps”: [ { “root”: “src”, “outDir”: “dist”, “assets”: [“assets”], “index”: “index.html”, “main”: “main.ts”, “polyfills”: “polyfills.ts”, “test”: “test.ts”, “tsconfig”: “tsconfig.json”, “prefix”: “app”, “mobile”: false, “styles”: [ “styles.css” ], “scripts”: [ “../node_modules/jquery/dist/jquery.js” ], … Read more

Angular-cli from css to scss

For Angular 6 check the Official documentation Note: For @angular/cli versions older than 6.0.0-beta.6 use ng set in place of ng config. For existing projects In an existing angular-cli project that was set up with the default css styles you will need to do a few things: Change the default style extension to scss Manually … Read more

How to add bootstrap to an angular-cli project

IMPORTANT UPDATE: ng2-bootstrap is now replaced by ngx-bootstrap ngx-bootstrap supports both Angular 3 and 4. Update : 1.0.0-beta.11-webpack or above versions First of all check your angular-cli version with the following command in the terminal: ng -v If your angular-cli version is greater than 1.0.0-beta.11-webpack, then you should follow these steps: Install ngx-bootstrap and bootstrap: … Read more