config-gen

Generati configuratia RequireJS Optimizer pentru site-ul web Magento 2 pe baza utilizarii din lumea reala.

Demo live

Nota : Urmatoarea este doar o reprezentare statica a unei pagini de pornire Magento 2. Este acolo doar pentru a ilustra beneficiile de performanta care sunt posibile atunci cand utilizati RequireJS Optimizer

https://laughing-darwin-eb1b63.netlify.com/

De asemenea, puteti consulta urmatoarele 10 confirmari pentru a vedea exact cum am atins un scor 83 pe Lighthouse https://github.com/shakyShane/m2-static/commits/master

UI bazat pe web

Acesta este doar aici pentru a va ajuta sa intelegeti procesul de preluare a intrarilor si producerea build.json

https://config-gen-web.netlify.com/

Pasul 1 – Descarcati binarul

Pentru a permite o utilizare usoara, config-gen este ambalat ca un singur binar (in prezent doar osx) – trebuie doar sa verificati pagina de versiuni si sa descarcati cea mai recenta versiune.

Pentru al face executabil, rulati

Nota : Unele metode mai usoare de instalare vor fi lansate in urmatoarele saptamani. 🙂

Pasul 2 – creati un fisier de configurare (fie json, fie yaml)

Puteti sa-l numiti orice, dar, de exemplu, acesta ar fi config-gen.yml

presetari: – nume: m2 optiuni: bundle_config: file: test / fixtures / bundle-config.yml

Vezi versiunea .json

{“presets”: [{“name”: “m2”, “options”: {“bundle_config”: “fisier: test / fixtures / bundle-config.json”}}]}

Pasul 3 – creati fisierul bundle-config.yml sau json asa cum s-a mentionat mai sus.

Aceasta este ceea ce determina relatia parinte-copil. Acest fisier este citit de pe disc de fiecare data cand este solicitat punctul final /build.json sau /loaders.js – ceea ce inseamna ca puteti naviga in jurul site-ului si puteti continua sa modificati aceste relatii pentru a obtine rezultatul optim.

bundles: – nume: “bundles / main” urls: – “/” – “/index.php/women/tops-women/jackets-women.html” children: – name: “bundles / product” URL: – “/ index.php / juno-jacket.html “copii: []

Vezi versiunea .json

{“bundles”: [{“name”: “bundles / main”, “urls”: [“/”, “/index.php/women/tops-women/jackets-women.html”], “children”: [{“nume”: “pachete / produs”, “urls”: [“/index.php/juno-jacket.html”], “copii”: []}]}]}

Pasul 4 – Rulati acum programul impotriva unei instante Magento 2

Aceasta va va oferi o noua adresa URL, ceva de genul http://127.

colegialas cachondas abuelas porno españolas
peliculas porno de viejas follando a mi compañera de piso
zofilia vende a su novia por dinero
tetonas en la playa viejas anales
porno espania me follo a mi madre
maduritas corriendose porno espania
porno sin censura follando en el monte
ver peliculas de incesto mujeres maduras corriendose
violacion real porno tetas amaters
corrida en el culo follando con mi amante
pajas caseras videos chicas gratis
abuelas ardientes amas de casa infieles
vecinasxxx le pilla masturbandose
follándosela intercambio amateur
jovencitas muy calientes videos ponos
española follando porno loco
masajes porno en español jovencitas muy calientes
mia kalifa putasfollando
videos incesto online porno libre
lesbianas scat porno caliente

0.0.1:65432. Ar trebui sa exersati toate zonele din frontend pe care doriti sa fie acoperite de optimizator.

Sfat: Veti dori sa dezactivati memoria cache a retelei, fie faceti acest lucru deschizand instrumentele dev si bifand caseta de selectare „Dezactivati memoria cache a retelei”, fie puteti deschide browserul cu un anumit semnal, de exemplu: in Chrome puteti rula / Aplicatii / Google \ Chrome.app/Contents/MacOS/Google \ Chrome –disk-cache-size = 1

./config-gen http://example.com –config config-gen.yml

Pasul 5 – accesati API-urile pentru a prelua codul generat.

In orice moment, puteti accesa urmatoarele puncte finale pentru a prelua fisierele json / js generate.

Path Purpose /__bs/build.json Genereaza configuratia necesara pentru Optimizer /__bs/loaders.js Genereaza JavaScript necesar pentru a incarca pachete suplimentare /__bs/seed.json Genereaza o descarcare a starii curente, astfel incat sa puteti alege unde ramas

Folosind build.json

Mai intai va trebui sa rulati continut static: implementati pentru a va asigura ca toate activele sunt accesibile optimizatorului – odata ce ati facut acest lucru, va trebui sa mv intregul folder local si apoi sa rulati instrumentul r_js folosind build.json

mv pub / static / frontend / Acme / default / en_ {GB, GB_src} r_js -o build.json \ baseUrl = / app / pub / static / frontend / Acme / default / en_GB_src \ dir = / app / pub / static / frontend / Acme / default / en_GB \ optimize = none

Nota 1 : cele de mai sus sunt o versiune scurta, in mv probabil ca veti dori sa verificati daca directorul exista etc. – dar nu ofer un script complet aici, deoarece cerintele vor diferi.

Nota 2 : modificati optimize = none to optimize = uglify cand ati confirmat ca gruparea functioneaza.

Se incarca pachete suplimentare

Cand accesati /__bs/loaders.js, acesta va furniza fragmente Javascript care vor permite incarcarea pachetelor suplimentare atunci cand este necesar – exact modul in care implementati aceasta parte depinde de dvs., cu toate acestea, vom furniza in curand o implementare de referinta care arata cum pentru a adauga / elimina pachetele suplimentare pe baza unor steaguri de administrator.

<script src = “http://example.com/../requirejs/require.js”> </script> <script src = “http://example.com/../mage/requirejs/mixins.js “> </script> <script src =” http://example.com/../requirejs-config.js “> </script> <script src =” http://example.com/../default -loader.js “> </script> <! – <<<< acesta este noul fisier ->

In cazul in care continutul implicit-loader.js este obtinut din config-gen api /__bs/loaders.js.

Punctul cheie aici este ca, in timpul dezvoltarii, nu veti dori ca acel fisier de pachete sa fie la locul sau, astfel incat acest fisier ar trebui adaugat conditionat prin config xml atunci cand este in productie.

ARTICOLE SIMILAREDE LA ACELAȘI AUTOR