Mediul de producție Angular seria 11 (XIV) pentru depanare

Mică mizerie · Postat pe 11.08.2020 17:59:35

Componentele Încarcate Dinamic din Seria Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parametrii de transmisie a componentelor dinamice din seria Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Seria Angular 9 (3) aderă la evenimentele componente dinamice
https://www.itsvse.com/thread-9246-1-1.html

Conducte personalizate Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Seria Angular 9 (V) formatează moneda sumei
https://www.itsvse.com/thread-9249-1-1.html

Seria Angular 9 (VI) apelează variabile și metode JS native
https://www.itsvse.com/thread-9254-1-1.html

Luneta de tip CSS din seria Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

Seria Angular 9 (VIII) actualizează valoarea unei componente copil prin declanșarea unui eveniment prin setare
https://www.itsvse.com/thread-9267-1-1.html

Selectorul de #id Angular 9 Series (nouă) aplicat pe pagină
https://www.itsvse.com/thread-9278-1-1.html

Seria Angular 9 (10) încorporează panouri de depanare pentru dezvoltatori vconsole și eruda
https://www.itsvse.com/thread-9286-1-1.html

Seria Angular 9 (XI) 5 moduri de a defini stilurile
https://www.itsvse.com/thread-9305-1-1.html

Seria Angular 9 (XII) generează tokenuri dinamice bazate pe OTP-uri
https://www.itsvse.com/thread-9325-1-1.html

Seria Angular 10 (treisprezece) introduce graficele echarts Baidu
https://www.itsvse.com/thread-9347-1-1.html

Ambalăm proiectul Angular într-un mediu de producție cu comanda de construcție, iar efectul așteptat poate diferi de ceea ce vedem în mediul nostru de dezvoltare.

Cod TS:

Autentificarea este vizibilă.

AppComponent este componenta actuală.

Redările mediului de dezvoltare și ale mediului de producție sunt următoarele:

Mediul de producție nu a fost deloc ceea ce ne așteptam.

Despre datele comenzilor build:

Optimizarea performanței construcției unghiulare
https://www.itsvse.com/thread-9203-1-1.html

În acest moment, trebuie să-l depanăm.
SourceMap este un fișier informațional care stochează maparea locației codului sursă și a codului compilat

În munca front-end, este folosit în principal pentru rezolvarea problemelor de depanare în următoarele trei aspecte:

a. După ce compresia codului este confuză
b. După compilarea în css sau JS folosind alte limbaje precum sass și typeScript
c. După fuziune multi-fișiere folosind instrumente de ambalare precum webpack

În cele trei cazuri de mai sus, nu putem depana codul sursă la fel de ușor ca atunci când depanăm, așa că avem nevoie de SourceMap pentru a-l converti în cod sursă în consolă pentru depanare.

Trebuie să modificăm comanda build, care este următoarea:

Autentificarea este vizibilă.

(Înainte de a adăuga parametrii)

(După adăugarea parametrilor)

Poți vedea că sunt generate multe fișiere *.map.

Așa cum se vede în imaginea de mai sus, folosește Google Chrome, apasă F12 pentru a intra în modul dezvoltator, selectează sursa, selectează main.js, apoi fă clic dreapta și selectează opțiunea "Adaugă harta sursă" pentru a adăuga adresa fișierului de hartă generat.

De exemplu:

http://127.0.0.1:8089/main.568ae4bdd06023f965c7.js.map

(Sfârșit)

[Unghiular] Mediul de producție Angular seria 11 (XIV) pentru depanare

Postări conexe

Secțiuni vizualizate