Gera JavaScript læsilegt á netinu
Límdu inn þjappaða .js-skrá, webpack-pakka eða kóðabút á einni línu og fáðu JavaScript með réttum inndrætti hægra megin. Prettier sér um sniðunina í vafranum þínum og ekkert er sent annað.
Hvers vegna JavaScript verður ólæsilegt
Öll nútímaleg smíðiferli þjappa JavaScript áður en það er afhent. Terser, esbuild, SWC og sambærileg tól fjarlægja bil og athugasemdir og stytta staðbundin breytuheiti og fallheiti í einn staf. Þau fella hreiðraðar blokkir saman í samtengdar segðir og sameina allt forritið í eina eða tvær skrár. React-forrit sem byrjaði sem þrjú hundruð læsilegar frumkóðaskrár berst í vafrann sem ein lína upp á nokkur hundruð kílóbæti. Kóðinn virkar enn rétt en þegar þú þarft að lesa hann er skráin orðin samfelldur textaveggur án sýnilegrar uppbyggingar.
Hvað sniðunin skilar aftur
Að fegra pakka endurheimtir það sem gerir kóða auðveldan yfirferðar. Hver skipun fær sína línu svo tilvísun í línu 1, dálk 24815 verður að stað sem raunhæft er að finna. Hreiðrunin sést aftur og þú getur greint hvar föll byrja og enda, hvaða grein skilyrði verndar og hvernig bakföll tengjast saman. Strengir, vefslóðir og heiti endapunkta verða auðveld aflestrar. Það er oft einmitt það sem þarf þegar þú gerir úttekt á skriftu frá öðrum frekar en að leita að villu í eigin kóða.
Stuðningur við nútímamálskipan
Sniðillinn þáttar JavaScript eins og það er notað í dag. Örvaföll, klasar, async og await, rafalar, valfrjáls keðjun, nullish coalescing, sniðmátsstrengir, sundurgreining, spread-málskipan, kvikur innflutningur og ES-einingar fá öll rétt snið. JSX er líka stutt, sem skiptir máli þegar React-íhlutur hefur verið smíðaður án þess að JSX hafi verið umbreytt. Þar sem Prettier sér um verkið fylgir niðurstaðan sömu venjum og ritillinn þinn beitir nú þegar á þínar eigin skrár.
Takmarkanir sniðunar
Læsilegt snið endurheimtir ekki glataðar upplýsingar. Þjöppunartólið eyddi athugasemdum og breytti breytuheitum og enginn sniðill getur giskað á að breytan n hafi áður heitið remainingRetries. Ef verkefnið birtir source map skaltu hlaða því í þróunartól vafrans. Það er eina leiðin aftur að upprunalega frumkóðanum. Ef kóðanum var vísvitandi ruglað frekar en aðeins þjappað verður uppbyggingin læsileg en tilgangurinn getur enn verið erfiður að skilja.
Algengar spurningar
Get ég gert webpack- eða Vite-pakka læsilegan?
Já. Límdu pakkann inn eða opnaðu skrána með Velja skrá og hún verður sniðin eins og önnur JavaScript-skrá. Stórir pakkar geta tekið nokkrar sekúndur því vinnslan fer fram á tækinu þínu. Uppbygging eininganna verður sýnileg þegar inndrátturinn kemur aftur.
Fjarlægir tólið vísvitandi rugling úr JavaScript?
Það sníður ruglaðan kóða svo hann verður mun auðveldari aflestrar en fjarlægir ekki ruglinginn sjálfan. Kóðaðir strengir, tilbúið stýriflæði og vísvitandi viðbættur óvirkur kóði haldast á sínum stað.
Getur sniðunin skemmt kóðann minn?
Sniðillinn reynir að varðveita hegðun JavaScript um leið og hann samræmir framsetninguna. Greinarmerki, gæsalappir og uppsetning geta breyst svo niðurstaðan er ekki nákvæm afritun hvers bætis. Geymdu frumskrána, farðu yfir niðurstöðuna og keyrðu próf verkefnisins áður en þú notar sniðinn eða breyttan pakka í rekstri.