Frontend developer externista
Zobrazují se odpovědi 1 až 7 z 7

Jak získat funkční JS ze složky dist (npm, webpack)?

  1. Potřeboval bych poradit nebo navést správným směrem, jak získat hotový JS soubor z balíčku npm.

    Jde o to, že většinou jsou JS dostupný jako balíčky pro npm a předpokládá se postup:
    1. npm install -g superduper
    2. import {super} from "superduper"
    3. ...

    Potřeboval bych ale v HTML stránce rovnou přilinkovat hotový JS a vůbec nepoužít import a build přes webpack.

    Tj. jednou si ho vytvořit a pak už pokaždé v dalších projektech ten hotový JS jen přilinkovat.

    Jak toho, prosím, dosáhnout?

  2. Co se právě děje na Webtrhu?
  3. Kam se instalují npm balíčky globálně se může lišit od různých OS a ty cesty neznám. Každopádně, když jej stáhneš do složky odkud zavoláš např. "npm i superduper" a podíváš se do vytvořených node_modules v oné složce, jistě tam zdroje co hledáš najdeš. Nebo si je stáhni přímo z Githubu, pokud nějaký mají. Akorát je třeba mít na vědomí, že ne všechny npm moduly jsou vytvořené pro prostředí prohlížeče, takže některé ti v prohlížeči nebudou fungovat.
    Naposledy upravil Miroslav Foltýn : 20.10.2018 v 11:11

  4. Jo, najít instalovanej balíček zvládnu, chápu i složky src a dist. V té dist ale bývá JS soubor, kterej předpokládá, že na něj nasadím webpack. A to je to o co mi jde. Jak z takovýho JS souboru (obvykle ještě obsahuje závislosti) připravit hotovej JS pro přímý přilinkování do HTML stránky.

  5. Vždycky si můžeš zabalit závislosti buďto zvlášť přes Webpack nebo přes Browserify (prakticky to samé) a ony zbundlované závislosti dále používat jak je libo. Akorát je třeba zveřejnit proměnné co chceš použít v prohlížeči, protože to knihovny samy většinou nedělají. Příklad: http://leteckaposta.cz/650639978

    1) Nainstaluj si závislosti
    2) Nalinkuj si je v main.js
    3) 'npx browserify main.js -o bundle.js'
    4) používej si je dále jak chceš

  6. Děkuju moc! Mrknu na to a snad pochopím :-)

  7. npm balíček nemůžeš spustit v prohlížeči, není to kompatibilní. Musíš to nejprve prohnat přes browserify/webpack/wasm či něco podobného. Jak píše Miroslav, výsledný bundle.js můžeš použít samostatně kdekoliv a rozkopírovat si ho.

  8. Jo, tohle chápu, díky.

Hostujeme u Server powered by TELE3