• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Webpack - po co?

0 głosów
81 wizyt
pytanie zadane 10 lutego w JavaScript, jQuery, AJAX przez Felix Użytkownik (690 p.)
Od kilku godzin uczę się webpacka. Rozumiem że analizuje wszystkie pliki i skleja to do tzw. bundla.

Czy został stworzony po to aby javaScript pisany w node.js mógł zostać przeniesiony tak jakby do przeglądarki?

1 odpowiedź

+2 głosów
odpowiedź 10 lutego przez Tomek Sochacki Mędrzec (169,790 p.)
wybrane 10 lutego przez Felix
 
Najlepsza

Nie, jego przeznaczenie jest inne :) Generalnie wyobraź sobie, że masz aplikację produkcyjną i musisz przeważnie zrobić kilka kroków:

  1. sprawdzenie linterem
  2. transpilacja kodu JavaScript np. do ES5
  3. minifikacja kodu JS
  4. dodanie ewentualnych polyfilli
  5. przetworzenie kodu scss preprocesorem na plik css
  6. dodanie prefixów np. autoprefixerem
  7. minifikacja kodu css
  8. minifikacja kodu html
  9. ewentuane zbudowanie buildów częściowych, aby serwować je stopniowo do usera

znalazłoby się jeszcze parę elementów, np. odpowiednie budowanie paczek dla różnych wersji językowych itp. itd. Możesz to robić:

  1. ręcznie - ale chyba sam czujesz, że to nie najlepsza opcja :)
  2. pluginami do edytora/IDE - ale uzależniasz się od edytora i jego konkretnej konfiguracji, niepotrzebnie
  3. odpowiednimi skryptami odpalanymi kolejno np. z konsoli...  - ok, jeszcze dopuszczalne, ale gdy tych kroków jest aż tyle to staje się to uciążliwe i łatwo o jakimś kroku zapomnieć
  4. użyć gotowego narzędzia do wykonania całego procesu, np. webpack, gulp itp. :)

Generalnie patrz na to w ten sposób - jeśli jakieś operacje powtarzasz często, to na pewno da się zrobić dla nich automat, i właśnie webpack jest w pewnym sensie takim automatem. Nie wyobrażam sobie, abym w pracy miał siedzieć co chwilę w konsoli i ręcznie wywoływać transpilację, preprocesory css itp. itd. gdy robi się to czasami kilkadziesiąt razy dziennie... tu właśnie wkracza webpack :)

Co więcej, webpack pozwala Ci też odpalić go raz i potem przy każdej zmianie w plikach jakie nasłuchuje, webpack automatycznie zrobi co trzeba i możesz od razu widzieć efekt w przeglądarce - niesamowite ułatwienie pracy. Tutaj poczytaj o webpack dev server: https://webpack.js.org/configuration/dev-server/

 

Podobne pytania

+1 głos
1 odpowiedź 70 wizyt
0 głosów
1 odpowiedź 88 wizyt
pytanie zadane 10 maja 2018 w JavaScript, jQuery, AJAX przez amiluke Obywatel (1,030 p.)
0 głosów
1 odpowiedź 286 wizyt
pytanie zadane 15 lipca 2017 w JavaScript, jQuery, AJAX przez kralcz88 Obywatel (1,640 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

62,318 zapytań

108,452 odpowiedzi

226,402 komentarzy

35,115 pasjonatów

Przeglądających: 256
Pasjonatów: 10 Gości: 246

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...