Angular 11 seeria (XIV) tootmiskeskkond silumiseks

Väike sodi · Postitatud 11.08.2020 17:59:35

Angular 9 seeria (1) dünaamiliselt laetud komponendid
https://www.itsvse.com/thread-9238-1-1.html

Nurk-9 seeria (2) dünaamilise komponendi ülekandeparameetrit
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 seeria (3) järgib dünaamiliste komponentide sündmusi
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 seeria (IV) eritellimusel torujuhtmed
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 seeria (V) vormindab summa valuuta formaati
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 seeria (VI) kutsub natiivseid JS-muutujaid ja meetodeid
https://www.itsvse.com/thread-9254-1-1.html

Angular 9 seeria (VII) CSS-stiilis sihik
https://www.itsvse.com/thread-9264-1-1.html

Angular 9 seeria (VIII) uuendab lapsekomponendi väärtust, käivitades sündmuse komplekti kaudu
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 seeria (üheksa) #id valija lehel
https://www.itsvse.com/thread-9278-1-1.html

Angular 9 seeria (10) sisaldab vconsole'i ja eruda arendajate silumispaneele
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 seeria (XI) 5 viisi stiilide määratlemiseks
https://www.itsvse.com/thread-9305-1-1.html

Angular 9 seeria (XII) genereerib dünaamilisi tokeneid OTP-de põhjal
https://www.itsvse.com/thread-9325-1-1.html

Angular 10 seeria (kolmteist) tutvustab Baidu echartsi tabeleid
https://www.itsvse.com/thread-9347-1-1.html

Pakime Angulari projekti tootmiskeskkonda koos ehituskäsuga ning oodatav efekt võib erineda sellest, mida näeme meie arenduskeskkonnas.

TS kood:

Sisselogimine on nähtav.

AppComponent on praegune komponent.

Arenduskeskkonna ja tootmiskeskkonna renderdused on järgmised:

Tootmiskeskkond ei olnud üldse see, mida ootasime.

Ehituskäsu andmetest:

Nurkehituse jõudluse optimeerimine
https://www.itsvse.com/thread-9203-1-1.html

Praegu peame selle siluma.
SourceMap on infofail, mis salvestab lähtekoodi ja kompileeritud koodi asukohakaardistuse

Front-end töös kasutatakse seda peamiselt silumisprobleemide lahendamiseks järgmistes kolmes aspektis:

a. Pärast seda, kui koodi tihendamine on segamini ajatud
b. Pärast kompileerimist css-i või JS-i, kasutades teisi keeli, nagu sass ja typeScript
c. Pärast mitme faili ühendamist, kasutades pakendamisvahendeid nagu webpack

Ülaltoodud kolmel juhul ei saa me lähtekoodi nii lihtsalt siluda kui silumisel, seega vajame SourceMapi, et aidata konsoolil selle lähtekoodiks konverteerida.

Peame muutma ehituskäsku, mis on järgmine:

Sisselogimine on nähtav.

(Enne parameetrite lisamist)

(Pärast parameetrite lisamist)

Näed, et genereeritakse palju *.map faile.

Nagu ülaloleval pildil näha, kasuta Google Chrome'i, vajuta F12, et siseneda arendajarežiimi, vali allikas, vali main.js ja seejärel paremklõpsa ning vali "Lisa lähtekaart", et lisada genereeritud kaardifaili aadress.

Näiteks:

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

(Lõpp)

[Nurgeline] Angular 11 seeria (XIV) tootmiskeskkond silumiseks

Seotud postitused

Vaadatud sektsioonid