NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Lukáš Korel
Člen
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
Tvůrce
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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Pavel Mareš
Tvůrce
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
Člen
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.