|
|
Paskelbta 2022-06-30 20:04:02
|
|
|
|
Reikalavimai: Įdiekite išorinio projekto (Angular, vue) kodą gamybos aplinkoje ir projektas busKompiliavimo procesas suspaudžia ir užmaskuoja kodąJei kompiliavimo metu sugeneruojamas žemėlapio failas, galime naudoti žemėlapio failą, kad surastume šaltinio failo vietą.
Kas yra šaltinio žemėlapis?
Šaltinio žemėlapis iš esmės yra informacijos failas, kuriame saugoma atitinkama vietos informacija prieš ir po kodo konvertavimo. Ji įrašo šaltinio kodo vietą prieš konvertavimą, atitinkančią suglaudintą kodą, ir yra šaltinio kodo ir gamybos kodo susiejimas. "Sourcemap" išsprendžia problemą, kad pakavimo proceso metu kodas yra suspaustas, išskiriamas, kompiliuojamas ir transformuojamas, todėl neįmanoma derinti dėl didelių kodų skirtumų.
Šaltinio žemėlapio vaidmuo
Paprasčiau tariant, "Sourcemap" sukuria tiltą tarp išankstinio apdorojimo ir tolesnio apdorojimo kodo, todėl lengva nustatyti, kur gamyboje atsiranda klaidų. Kadangi šiandieninis priekinės dalies kūrimas yra modulinis ir pagrįstas komponentais, JS ir CSS failų sujungimas ir glaudinimas prieš pradedant veikti gali lengvai sukelti painiavą. "sourceMap" funkcija yra leisti naršyklės derinimo skydeliui susieti sugeneruotą kodą su šaltinio kodo failu, o kūrėjai gali derinti šaltinio kodo failą, todėl programuotojams derinimas bus daug lengvesnis ir paprastesnis.
Pirmiausia sukurkite naują "Angular" projektą ir parašykite probleminį kodą.
HTML kodas yra toks:
TS kodas yra toks:
Kūrimo etape, jei yra klaida, labai lengva rasti netinkamą vietą, kaip parodyta paveikslėlyje žemiau:
Sukurkite projektą į leidimo paketą ir sugeneruokite žemėlapio failą naudodami šią komandą:
Įdiekite gautą failą HTTP serveryje, pvz., IIS, Nginx ir kt. Tuo tarpuPerkelti žemėlapio failą į kitą katalogą, patogu testuoti.
Šiuo metu negalime intuityviai matyti klaidos pranešimo ir šaltinio kodo, įdiegiame "Šaltinio kodo paieškos įrankį" su šia komanda:
Parametrų įvadas:
Usage: sl [options]
Options:
-v, --version išvesti versijos numerį
-p, --source-flie-path Sugeneruotas šaltinio failas sukompiliuotas žemėlapio failas
-l, --ine Sugeneruotos šaltinio kompiliuotos kodo eilutės numeris
-c, --column Sugeneruoto šaltinio stulpelio numeris
-h, --help išvesties naudojimo informacija
(Pabaiga)
|
Ankstesnis:Išskleiskite visą tekstą iš PDF failo naudodami C# (palaiko .NET Core)Kitą:"JavaScript" žinios, paprastai vadinamos ES6, ES8, ES 2017, ECMAScript
|
Paskelbta 2022-06-30 21:36:37