Mēs iepakojam Angular projektu ražošanas vidē ar būvēšanas komandu, un paredzamais efekts var atšķirties no tā, ko redzam mūsu izstrādes vidē.
TS kods:
AppComponent ir pašreizējais komponents.
Izstrādes vides un ražošanas vides atveidojumi ir šādi:
Ražošanas vide nepavisam nebija tāda, kādu mēs gaidījām.
Par būvēšanas komandas datiem:
Šobrīd mums tas ir jāatkļūdo.
SourceMap ir informācijas fails, kurā tiek glabāta avota koda un kompilētā koda atrašanās vietas kartēšana
Priekšgala darbā to galvenokārt izmanto, lai atrisinātu atkļūdošanas problēmas šādos trīs aspektos:
a. Pēc koda saspiešanas sajaukšanas
b. Pēc kompilēšanas css vai JS, izmantojot citas valodas, piemēram, sass un typeScript
c. Pēc vairāku failu apvienošanas, izmantojot iepakošanas rīkus, piemēram, tīmekļa pakotni
Iepriekš minētajos trīs gadījumos mēs nevaram atkļūdot avota kodu tik vienkārši, kā to darām atkļūdojot, tāpēc mums ir nepieciešama SourceMap, lai palīdzētu mums to pārvērst par avota kodu konsolē, lai atkļūdotu.
Mums ir jāmaina būvēšanas komanda, kas ir šāda:
(Pirms parametru pievienošanas)
(Pēc parametru pievienošanas)
Jūs varat redzēt, ka tiek ģenerēti daudzi *.map faili.
Kā parādīts iepriekš redzamajā attēlā, izmantojiet Google Chrome, nospiediet taustiņu F12, lai ieslēgtu izstrādātāja režīmu, atlasiet avotu, atlasiet main.js un pēc tam ar peles labo pogu noklikšķiniet un atlasiet opciju "Pievienot avota karti", lai pievienotu ģenerēto kartes faila adresi.
Piemēram:
http://127.0.0.1:8089/main.568ae4bdd06023f965c7.js.map
|
Publicēts 11.08.2020 17:59:35
|
|
|
|
