Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon „Javascript“ paketai ir „WordPress“.


„Javascript“ paketai ir „WordPress“.


Štai pagrindiniai dalykai, kaip naudoti „JavaScript“ paketus, pvz., „Webpack“ ir „Parcel“ su „WordPress“.

1. Iš anksto susietų „JavaScript“ failų privalumai ir trūkumai:
– Iš anksto susietų „JavaScript“ failų naudojimo pranašumai yra mažesni užklausų skaičius ir geresnis našumas[2].
- Trūkumai yra tai, kad jei keli „WordPress“ moduliai (temos / papildiniai) naudoja iš anksto susietus scenarijus, tie patys scenarijai gali būti įkeliami kelis kartus, o tai gali sukelti nereikalingų išlaidų[2].

2. Specifiški „WordPress“ susiejimo sprendimai:
– „WordPress Bundler“ yra minimalus ir greitas „WordPress“ priekinių išteklių rinktuvas, sukurtas ant esbuild[3].
– „WP Bundler“ yra dar vienas įrankis, padedantis integruoti „Webpack“ į „WordPress“ projektą[4].

3. Webpack diegimas „WordPress“:
– „Webpack“ gali būti naudojamas „JavaScript“, CSS, HTML ir vaizdams susieti „WordPress“ papildinyje[4].
– Procesas apima paketo.json failo nustatymą, Webpack diegimą, Webpack konfigūracijos failo konfigūravimą ir npm scenarijų naudojimą rinkiniui sukurti[4].

4. Siuntinio naudojimas su „WordPress“:
– „Parcel“ yra dar vienas populiarus „JavaScript“ rinktuvas, kurį galima naudoti su „WordPress“, kaip parodyta „YouTube“ vaizdo įraše[5].
- Vaizdo įraše parodyta, kaip nustatyti „WordPress“ temos kūrimo darbo eigą naudojant „Parcel“, kad būtų galima susieti ir įkelti iš naujo.

Apibendrinant galima pasakyti, kad nors iš anksto susieti „JavaScript“ failai gali pagerinti našumą, jie taip pat gali sukelti konfliktų „WordPress“ aplinkoje su keliais papildiniais ir temomis. Konkrečių „WordPress“ paketų sprendimų naudojimas arba bendros paskirties paketų, tokių kaip „Webpack“ ir „Parcel“, integravimas gali padėti valdyti šiuos konfliktus ir optimizuoti „WordPress“ projektų kūrimą ir diegimą.

Citatos:
[1] https://github.com/liqueurdetoile/wordpress-bundler
[2] https://stackoverflow.com/questions/41646899/should-we-use-pre-bundled-javascript-file-in-wordpress-project
[3] https://github.com/adambrgmn/wp-bundler
[4] https://webkul.com/blog/implementation-of-webpack-in-the-wordpress-project/
[5] https://www.youtube.com/watch?v=JlDKMZ9nBBE