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

Pablo74

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

(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

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

(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

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

(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

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