Naja a její závislosti – jsou nutné?

Jak to vkládáš do stránky? používáš nějaký webpack nebo čím builduješ bundle?

j, tohle už je připravený bundle, takže ty závislosti nemusíš už nijak linkovat

Tak jestli to tu není moc offtopic – jak je teda doporučené pracovat s frontendovými repozitáři, když jsem ohledně javascriptu BFU?

Líbilo se mi, že teď když dám npm update, tak se mi zaktualizují všechny knihovny.
Nelíbí se mi, že třeba Ublaboo\Datagrid mám teď dvakrát – jednou v Composeru pro PHP a podruhé v npm pro frontend. A může se stát, že se ty verze budou rozcházet.

Už jen ten základ co mám je myslím lepší řešit přes npm než ručně.

{
  "name": "myProject",
  "private": true,
  "dependencies": {
    "@fortawesome/fontawesome-free": "^5.13.0",
    "bootstrap": "^4.4.1",
    "bootstrap-datepicker": "^1.9.0",
    "bootstrap-select": "^1.13.16",
    "happy-inputs": "^2.1.0",
    "jquery": "^3.5.0",
    "jquery-ui-dist": "^1.12.1",
    "naja": "^1.8.3",
    "ublaboo-datagrid": "github:ublaboo/datagrid"
  }
}

Plus nette.forms.js, které mám jinde.

Na produkci se při nasazení spustí composer install, ale žádný npm install, takže node_modules mám verzovaný.

Mám to tedy:

• stahovat ručně (tak jsem to dělal doteď)
• na úrovni /www mít node_modules a spravovat to přes npm (tak to mám teď)
• mít nějaký neverzovaný adresář pro npm a do /www si zkopírovat jen /dist adresáře z těch repozitářů?
• dělat úplně jinak?

Díky.

Editoval Šaman (30. 4. 2020 18:41)

Použij radši nějakej bundlovač, kterej za tebe vyřeší i závislosti závislostí atd. např. webpack/parcel/rollup a další, je jich spousta a já používám jen webpack tak ostatní neznám :D

ps. to že má php knihovna na packagistu i assety je spíš výjimka a pomocná ruka vývojářů než nějaká běžná praxe. Pro contributte/datagrid existuje balíček na npm https://www.npmjs.com/…boo-datagrid.

Editoval CZechBoY (30. 4. 2020 19:33)

Tak tohle mě taky zajímalo, jednou jsem to NPM zkusil, výsledek byl obří balík dat stažený kdesi v user profilu, u projektu složka node_modules(opět plná bordelu-já prostě nechci obří několik desítek mega velký balík vývojových dat jQuery, mě stačí aktuální jquery.xyz.min.js a to je vše) a pak to šlo všecko z disku a vrátil sem se ke starému dobrému systému=vše co je na rychlých CDNkách linkuju přímo z nich(s http/2 a cache v prohlížečích je skoro jistý, že už návštěvník většinu bude mít stejně v cache), zbytek, kterýho už nebejvá moc pak nalinkuju ručně v minified stavu a dolinkuju jeden svůj konfigurační.

Dřív sem různě řešil ještě spojování do jednoho, dnes s http/2 zbytečné, lepší mít samostatné soubory, co už skoro jistě budou mít lidi v cache, než je nechat stahovat obří balík, jedinečný, takže ho budou stahovat zaručeně.

Teďka teda v aktuálním projektu trochu laboruju s Webloaderem, ten je teda taky určenej spíš na ten starý způsob se spojováním souborů, ale můžu si tam dát a nechat spojit/minifikovat jen věci, co minifikované nejsou a zároveň mi to kompiluje scss soubory a výsledek cache-busteruje novým názvem. Vyžaduje to sice vypsat všechny soubory do configu Webloaderu, ale co už(automatické načítání ze složky je u js použitelné jen při spojení do jednoho, nebo bych musel soubory číslovat aby byly správně seřazené, u scss stačí zadat rootovej soubor, includy si kompilátor najde sám).

Naprosto nesnáším, když se mi stahují hromady souborů co nechci. Teď koukám, že mám ve Vendoru přes 80MB, wtf…asi 30 je phpstan, co ani nevím, co je a kde se to tam vzalo.

@darkWolf Na to ti doporučím jen composer why a git blame :D

Naprosto nesnáším, když se mi stahují hromady souborů co nechci. Teď koukám, že mám ve Vendoru přes 80MB, wtf…asi 30 je phpstan, co ani nevím, co je a kde se to tam vzalo.

@PavelKravčík ale to já chápu, ale já ten 200MB node_modules na disku nechci, já bych to využil, kdyby to mělo parametr, kterým můžu říct, že chci akorát aktuální distribution files, třeba jquery.min.js, nebo slick.min.js a slick.min.css pro slick carousel, to je všecko co potřebuju, další desítky mega bordelu nechci, nikde, ani na vývoji, ani na provozu, protože mi na nic nejsou, je to mrhání datovým prostorem, momentálně je to teda jedno, protože radši stejně připojím linky na CDN, takže mi zbyly jen assety k ublaboo datagridu co minifikovaný nejsou, ty si nalinkuju do webloaderu a až chci, zapnu sloučení a minifikaci a webloader mi to hodí do jednoho css/js. A nemusím mít na disku stovky mega node_bordelu. Composer na produkci nespouštím, protože tam, kam dáváme weby podobný věci jako spouštět composer nejde. Na provoz jdou soubory Filezillou…

d@rkWolf: A čemu konkrétně to vůbec vadí? Je rok 2020, SDD disky s kapacitou 1TB jsou běžnou realitou, 100Mbit/s přípojky taktéž. Aplikace se deployují pomocí docker image (což je teprve plýtvání daty, když i kvůli změně jednoho souboru musím přenést třeba 200MB docker image).

Editoval Mysteria (8. 6. 2020 19:56)

@Mysteria S tim Dockerem to nemusí být vůbec pravda, ale nerad bych to tu více řešil :)