Transpilers: behöver du verkligen det ? – Barnvagn – Medium

Transpilers: behöver du verkligen det ?

Ganska säker på att du har använt en av denna transpiler för att konvertera en kod till den andra. Ett exempel är att konvertera es6 att es5 i antagandet att inte alla webbläsare som stöder es5 ännu. Vi, också, ofta tid tenderar att använda det utan att ens tänka på varför vi behöver det och vad är konsekvenserna av det. I denna artikel kommer jag ge en förklaring om vad som är transpiler och varför vi egentligen kanske inte ens behöver ha en på vår app.

Vad är Transpiler ?

Transpilers eller källa-till-källa kompilatorer, är verktyg för att läsa källkod som skrivits i ett programmeringsspråk, och producera motsvarande kod i ett annat språk.

En av de mest kända transpiler i javascript världen är Babel. En av de mest använda fall för Babel är att transpile jsx från React.js och es6 att es5 kod. I själva verket, Babel har massor av plugin som du kan använda för att transpile kod.

Hur fungerar Babel arbete?

  1. Parse: Babel är tolken och det kommer att ta Javascript-kod och förvandla det till en dator vänlig representation kallas en AST (Abstrakt Syntax Träd).
  2. Transform: Babel Traverse kommer att förändra och ändra AST att den avsedda kod
  3. Generera: babel-generator kommer att förvandla tillbaka AST-koden

Källa: Förståelse kallade ast genom att Bygga Din Egen Babel Plugin av Dan Prins

Vad är nackdelen med att använda transpiler?

  1. Transpiler lägg bygga
  2. Transpiler kod är långsammare
  3. Transpiler kod är större

Varför ska du inte använda Transpiler ?

Enligt ES Kompatibilitet Bord den senaste versionen av alla stora webbläsare har ett mycket bra stöd för ES6 egenskaper

Nästan alla webbläsare har bra stöd av es6 och en av anledningarna till att vi förmodligen fortfarande använder transpilers, eftersom vi var tvungna att använda det och vi är vana att denna term som vi glömde att vi förmodligen inte behöver det längre. Det finns mycket liten procentandel av användare som fortfarande använder en webbläsare som inte har stöd för es6 men det är i slutändan upp till den produkt som chef och utvecklare för att bestämma om det worths alla dåliga delar av transpiler att nå ut till de litet antal användare som fortfarande inte uppgradera sin webbläsare och kan uppgradera det med den tid du ställt in alla dina webpack konfiguration.

Låt mig veta vad du tycker i en kommentar 🙂

We will be happy to hear your thoughts

Leave a reply