Pouze tento týden sleva až 80 % na e-learning týkající se PHP. A zároveň využij akce až 30 % zdarma při nákupu e-learningu. Více informací.
Hledáme asistenty pro kurzy programování - pohodová brigáda. Více info
discount 30
Avatar
Lukáš Korel:2.8.2019 16:04

Ahoj, neplánujete vytvořit nějaké články o Webpacku? Zde na síti jsem nenašel nic co by usnadnilo jeho pochopení a ani po českém internetu jsem neviděl nic srozumitelného, nevím jak vytvořit konfiguraci pro webpack, abych se v ní vyznal a mohl jí sám upravovat.

Děkuji za reakce

Zkusil jsem: Googlil jsem, ale jediné co jsem našel tak byly nějaké připravené "boilerplate" které buďto neměly nějaké věci které chci použít a nebo byly až příliš komplexní a protože neměli nějakou srozumitelnou dokumentaci, ztratil jsem se v nich.

Chci docílit: Chtěl bych se naučit vytvořit konfiguraci pro webovou aplikaci protože nechci používat jen čistý javascript s jQuery. Chtěl bych zjistit, jak nakonfigurovat Webpack, aby uměl automaticky vytvořit appku z:

  • Typescript (kvůli typecheckingu)
  • React (kvuli UI)
  • Express (kvuli serverovému API)
  • SASS (nechci se patlat obyčejným CSS)
  • NodeJS
  • jQuery
  • něco na autentizaci/au­torizaci jestli existuje

A automaticky to Babelem přetransformoval do ES5 (aby to běželo i na IE11)

 
Odpovědět
2.8.2019 16:04
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Lukáš Korel
Honza Bittner:3.8.2019 21:44

Možná jako jednoduchá "alternativa" ti může posloužit Gulp (https://gulpjs.com). Není to úplně to samé, Webpack je bundler, kdežto Gulp je task runner, ale na hodně věcí ti může stačit a není tak komplexní jako Webpack.

Podle mých zkušeností je Webpack fakt strašně super, ALE je docela obtížný na konfiguraci. Za mne bych ti určitě doporučil jejich dokumentaci, je docela přehledná, ale chápu, že je to náročnější na pochopení.

Možná si pročti alespoň https://webpack.js.org/concepts/ a https://webpack.js.org/…ing-started/

Nahoru Odpovědět
3.8.2019 21:44
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://g...
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Pavel Mareš
Redaktor
Avatar
Pavel Mareš:6.8.2019 13:43

Osobně používám gulp, ale narazil jsem na to, že i když Gulp jde pochopit rychleji, tak Grunt má více výhod a větší možnost / podporu.

Už sem línej migrovat, běhá mi na Gulpu hodně věcí, ale kdyby někdo četl, tak kouknout na oboje a porovnat

Nahoru Odpovědět
6.8.2019 13:43
Však ono půjde ...
Avatar
Lukáš Korel:24.4.2020 23:23

Tak jsem nakonec použil https://createapp.dev/webpack což je asi nejjednodušší řešení :-)

Akceptované řešení
+5 Zkušeností
Řešení problému
 
Nahoru Odpovědět
24.4.2020 23:23
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.