Mes supakuojame "Angular" projektą į gamybos aplinką su kūrimo komanda, o laukiamas efektas gali skirtis nuo to, ką matome mūsų kūrimo aplinkoje.
TS kodas:
"AppComponent" yra dabartinis komponentas.
Kūrimo aplinkos ir gamybos aplinkos atvaizdai yra tokie:
Gamybos aplinka visai nebuvo tokia, kokios tikėjomės.
Apie kūrimo komandos duomenis:
Šiuo metu turime jį derinti.
"SourceMap" yra informacijos failas, kuriame saugomas šaltinio kodo ir sukompiliuoto kodo vietos susiejimas
Priekiniame darbe jis daugiausia naudojamas derinimo problemoms spręsti šiais trimis aspektais:
a. Supainiojus kodo glaudinimą
b. Po kompiliavimo į css arba JS naudojant kitas kalbas, tokias kaip sass ir typeScript
c. Po kelių failų sujungimo naudojant pakavimo įrankius, pvz., žiniatinklio paketą
Aukščiau nurodytais trimis atvejais negalime derinti šaltinio kodo taip lengvai, kaip derindami, todėl mums reikia "SourceMap", kad padėtų mums konvertuoti jį į šaltinio kodą konsolėje, kad galėtume derinti.
Turime modifikuoti kūrimo komandą, kuri yra tokia:
(Prieš pridedant parametrus)
(Pridėjus parametrus)
Matote, kad sugeneruojama daug *.map failų.
Kaip parodyta aukščiau esančiame paveikslėlyje, naudokite "Google Chrome", paspauskite F12, kad įjungtumėte kūrėjo režimą, pasirinkite šaltinį, pasirinkite main.js, tada dešiniuoju pelės mygtuku spustelėkite ir pasirinkite parinktį "Pridėti šaltinio žemėlapį", kad pridėtumėte sugeneruotą žemėlapio failo adresą.
Pavyzdžiui:
http://127.0.0.1:8089/main.568ae4bdd06023f965c7.js.map
|
Paskelbta 2020-08-11 17:59:35
|
|
|
|
