Angular-cli All Versions

Examples

• 0

  Adding 3rd party libs
  0

  In angular-cli.json you can change the app configuration.

  If you want to add ng2-bootstrap for example:

  1. npm install ng2-bootstrap --save or yarn add ng2-bootstrap

  2. In angular-cli.json just add the path of the bootstrap at node-modules.

     "scripts": [
         "../node_modules/jquery/dist/jquery.js",
         "../node_modules/bootstrap/dist/js/bootstrap.js"
      ]
     

  edited Jul 28 at 5:02

  

  
  discuss
• 0

  build with angular-cli
  0

  In angular-cli.json at outDir key you can define your build directory;

  these are equivalent

  ng build --target=production --environment=prod
  ng build --prod --env=prod
  ng build --prod
  

  and so are these

  ng build --target=development --environment=dev
  ng build --dev --e=dev
  ng build --dev
  ng build
  

  When building you can modify base tag () in your index.html with --base-href your-url option.

  Sets base tag href to /myUrl/ in your index.html

  ng build --base-href /myUrl/
  ng build --bh /myUrl/
  

  created Jan 31 at 14:22

  
  discuss
• 0

  Create empty Angular2 application with angular-cli
  0

  ---

  Requirements:

  • NodeJS : Download page
  • npm or yarn

  ---

  Run the following commands with cmd from new directory folder:

  1. npm install -g @angular/cli or yarn global add @angular/cli
  2. ng new PROJECT_NAME
  3. cd PROJECT_NAME
  4. ng serve

  ---

  Open your browser at localhost:4200

  edited Jul 28 at 14:02

  

  
  discuss
• 0

  Generating Components, Directives, Pipes and Services
  0

  just use your cmd: You can use the ng generate (or just ng g) command to generate Angular components:

  • Component: ng g component my-new-component
  • Directive: ng g directive my-new-directive
  • Pipe: ng g pipe my-new-pipe
  • Service: ng g service my-new-service
  • Class: ng g class my-new-classt
  • Interface: ng g interface my-new-interface
  • Enum: ng g enum my-new-enum
  • Module: ng g module my-module

  created Jan 31 at 14:22

  
  discuss
• 0

  New project with scss/sass as stylesheet
  0

  The default style files generated and compiled by @angular/cli are css.

  If you want to use scss instead, generate your project with:

  ng new project_name --style=scss
  

  If you want to use sass, generate your project with:

  ng new project_name --style=sass
  

  created Jul 28 at 17:16

  
  discuss
• 0

  Set yarn as default package manager for @angular/cli
  0

  Yarn is an alternative for npm, the default package manager on @angular/cli. If you want to use yarn as package manager for @angular/cli follow this steps:

  Requirements

  • yarn (npm install --global yarn or see the installation page)
  • @angular/cli (npm install -g @angular/cli or yarn global add @angular/cli)

  To set yarn as @angular/cli package manager:

  ng set --global packageManager=yarn

  To set back npm as @angular/cli package manager:

  ng set --global packageManager=npm

  created Jul 28 at 17:16

  
  discuss