Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:angular:angular_minimalis

< Angular

Angular minimális

Projekt létrehozása

A minimális projekt létrehozása

ng new app01 --minimal

Ami nincs

  • teszt
  • külön fájlban HTML
  • külön fájlban stílus

Ami van

app01/
  |-node_modules/
  |-src/
  |  |-app/
  |  |  |-app.component.ts
  |  |  `-app.module.ts
  |  |-assets/
  |  |-environments/
  |  |-favicon.ico
  |  |-index.html
  |  |-main.ts
  |  |-polyfills.ts
  |  `-styles.css
  |-.browserslistrc
  |-.gitignore
  |-angular.json
  |-package-lock.json
  |-package.json
  |-README.md
  |-tsconfig.app.json
  `-tsconfig.json

Sablon és Stíluslap

Ha szeretnénk legyártani a .html és .css fájlt is:

ng new app01 --minimal --inline-style false --inline-template false

Röviden:

ng n app01 --minimal -s false -t false

A következő könyvtárszerkezetet kapjuk.

app01/
  |-node_modules/
  |-src/
  |  |-app/
  |  |  |-app.component.css
  |  |  |-app.component.html
  |  |  |-app.component.ts
  |  |  `-app.module.ts
  |  |-assets/
  |  |-environments/
  |  |-favicon.ico
  |  |-index.html
  |  |-main.ts
  |  |-polyfills.ts
  |  `-styles.css
  |-.browserslistrc
  |-.gitignore
  |-angular.json
  |-package-lock.json
  |-package.json
  |-README.md
  |-tsconfig.app.json
  `-tsconfig.json
oktatas/web/angular/angular_minimalis.txt · Utolsó módosítás: 2022/11/18 07:49 szerkesztette: admin