Zadejte hledaný výraz...

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

Pablo74
verified
rating uzivatele
20. 10. 2018 10:06:04
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?
20. 10. 2018 10:06:04
https://webtrh.cz/diskuse/jak-ziskat-funkcni-js-ze-slozky-dist-npm-webpack/#reply1370424
Miroslav Foltyn
verified
rating uzivatele
(3 hodnocení)
20. 10. 2018 10:26:31
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.
20. 10. 2018 10:26:31
https://webtrh.cz/diskuse/jak-ziskat-funkcni-js-ze-slozky-dist-npm-webpack/#reply1370423
Pablo74
verified
rating uzivatele
20. 10. 2018 10:31:32
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.
20. 10. 2018 10:31:32
https://webtrh.cz/diskuse/jak-ziskat-funkcni-js-ze-slozky-dist-npm-webpack/#reply1370422
Miroslav Foltyn
verified
rating uzivatele
(3 hodnocení)
20. 10. 2018 10:54:57
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š
20. 10. 2018 10:54:57
https://webtrh.cz/diskuse/jak-ziskat-funkcni-js-ze-slozky-dist-npm-webpack/#reply1370421
Pablo74
verified
rating uzivatele
20. 10. 2018 11:00:27
Děkuju moc! Mrknu na to a snad pochopím :-)
20. 10. 2018 11:00:27
https://webtrh.cz/diskuse/jak-ziskat-funkcni-js-ze-slozky-dist-npm-webpack/#reply1370420
TomasX
verified
rating uzivatele
(4 hodnocení)
20. 10. 2018 11:22:56
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.
20. 10. 2018 11:22:56
https://webtrh.cz/diskuse/jak-ziskat-funkcni-js-ze-slozky-dist-npm-webpack/#reply1370419
Pablo74
verified
rating uzivatele
20. 10. 2018 11:26:59
Jo, tohle chápu, díky.
20. 10. 2018 11:26:59
https://webtrh.cz/diskuse/jak-ziskat-funkcni-js-ze-slozky-dist-npm-webpack/#reply1370418
Pro odpověď se přihlašte.
Přihlásit