Hej tamo! Kao dobavljač utovarivača imao sam svoj pravi udio iskustava sa različitim vrstama utovarivača, a danas želim razgovarati o tome kako funkcionira utovarivač Nunjucks. Nunjucks je moćan motor za predlaganje JavaScript-a, a njegov utovarivač igra ključnu ulogu u dobivanju predložaka i pokretanja.
Dakle, prvo, šta je utovarivač? U kontekstu Nunjucks-a, utovarivač je poput malog pomagača koji izlazi i dohvaća vaše datoteke predloška. Znate kako kada izgradite veliki projekt, imate sve ove različite predloške razbacane? Pa, utovarivač je onaj koji ih prati i čini ih na raspolaganju za Nunjucks da koriste.
Krenimo sa osnovama. Kada koristite Nunjucks, obično imate skup predložaka pohranjenih u datotekama. Ovi predlošci mogu biti u različitim direktorijima, a oni mogu imati različite konvencije o imenovanju. Posao utovarivača je da shvatimo gdje su ove datoteke i učitavaju ih u okruženje Nunjucks.
U Nunjucks-u postoje različite vrste utovarivača. Jedan od najčešćih jeFileyStoStoloader. Ovaj se utovarivač koristi kada se vaše predloške pohranjuju na datotečnom sustavu. Super je direktno koristiti. Samo mi kažete gdje tražiti predloške, a ostalo je.
Evo primera kako možete koristitiFileyStoStoloader:
Const Nunjucks = zahtijevaju ('nunjucks'); // Kreirajte novu datotekuSysteMader Const utovarivač = novi Nunjucks.FilesyTomStoloader ('predlošci'); // stvoriti novi nunjucks okruženje s utovarivačem CONS ENV = NOVE NUNJUCKS.ENvironment (utovarivač); // sada možete koristiti okruženje za prikaz predložaka Const izlaz = ENV.render ('index.html', {Ime: 'John'}); konzola.log (izlaz);U ovom primjeru stvaramo aFileyStoStoloaderkoji traži predloške upredlošciImenik. Zatim stvaramo nunjucks okruženje pomoću ovog utovarivača. Konačno, koristimo okruženje za prikazivanjem nazvanog predloškaindex.htmlsa nekim podacima.
Druga vrsta utovarivača jeWebLoader. Ovaj utovarivač se koristi kada su vaši predlošci pohranjeni na web poslužitelju. Korisno je ako izgradite web aplikaciju i želite učitati predloške sa udaljene lokacije.
Evo kako biste mogli koristitiWebLoader:
Const Nunjucks = zahtijevaju ('nunjucks'); // Kreirajte novi utovarivač WebLoader Const = Novi Nunjucks.WebLoader ('https://example.com/templates'); // stvoriti novi nunjucks okruženje s utovarivačem CONS ENV = NOVE NUNJUCKS.ENvironment (utovarivač); // sada možete koristiti okruženje za prikaz predložaka Const izlaz = ENV.render ('index.html', {Ime: 'John'}); konzola.log (izlaz);U ovom primjeru stvaramo aWebLoaderkoji traži predloške nahttps://example.com/templatesServer. Zatim kreiramo okruženje Nunjucks koristeći ovaj utovarivač i prikazuje predložak.
Sada razgovarajmo o tome kako utovarivač zapravo radi ispod haube. Kad nazoveterenderMetoda u okruženju Nunjucks, prvo traži da utovarivač pronađe datoteku predloška. Tada utovarivač izlazi i traži datoteku na navedenoj lokaciji.
Ako se datoteka pronađe, utovarivač čita sadržaj datoteke i vraća ih u nunjucks okruženje. Okoliš tada rađa predložak i zamjenjuje bilo kakvih država sa stvarnim podacima.
Ako datoteka nije pronađena, utovarivač vraća grešku. Ovo je važno jer vam pomaže u uhvatiti probleme rano u vašem razvoju.
Jedna od cool stvari o Nunjucks utovarivačima je da su vrlo fleksibilni. Možete kreirati vlastite prilagođene utovarivače ako imate posebne zahtjeve. Na primjer, možda biste željeli učitati predloške iz baze podataka ili iz prilagođenog datotečnog sustava.
Evo primera kako možete kreirati prilagođeni utovarivač:
Const Nunjucks = zahtijevaju ('nunjucks'); // kreirati prilagođenu klasu utovarivača Custoploader proširuje Nunjucks.Oatar {konstruktor () {super (); } Gendource (ime) {// Ovdje možete implementirati vlastitu logiku da biste učitali predložak //, na primjer, možete ga učitati iz templateske baze podataka Const = 'Zdravo, {{Name}}!'; Povratak {src: predložak, staza: ime, norache: False}; }} // Kreirajte novu nunjucks okruženje sa prilagođenim utovarivačem utovarivača = Novi Custorload (); const env = novi nunjik.environment (utovarivač); // sada možete koristiti okruženje za prikaz templates Const izlaz = ENV.render ('Custom.html', {Ime: 'John'}); konzola.log (izlaz);U ovom primjeru stvaramo prilagođeni utovarivač koji uvijek vraća isti predložak. U scenariju u stvarnom svijetu, implementirali biste svoju logiku da učitate predložak iz baze podataka ili nekog drugog izvora.
Kao dobavljač utovarivača znam koliko je važno imati pouzdane i efikasne utovarivače. Zato uvijek preporučujem korištenje utovarivača Nunjucks. Lako su ih koristiti, fleksibilne i oni rade sjajno u raznim scenarijima.
Ako ste na tržištu za neke teške utovarivače za svoju farmu ili gradilište, imamo nekoliko sjajnih opcija. Pogledajte našeBig Farm Bulldožer 220hp,Mini bager 1.5 tona bagera, iViljuškar 4 tona dizel. Ove su mašine izgrađene da bi traju i dobit će posao brzo i efikasno.
Ako ste zainteresirani za učenje više o našim utovarivačima ili imate bilo kakvih pitanja o utovarivačima Nunjucks, slobodno posegnuti. Ovdje smo da vam pomognemo da napravite pravi izbor za vaše potrebe.
Reference:
- Službena dokumentacija Nunjucks
- JavaScript programski resursi
