• 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
75 wizyt
pytanie zadane 10 lutego w JavaScript, jQuery, AJAX przez Felix Użytkownik (520 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 (157,870 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ź 53 wizyt
0 głosów
1 odpowiedź 81 wizyt
pytanie zadane 10 maja 2018 w JavaScript, jQuery, AJAX przez amiluke Obywatel (1,030 p.)
0 głosów
1 odpowiedź 267 wizyt
pytanie zadane 15 lipca 2017 w JavaScript, jQuery, AJAX przez kralcz88 Obywatel (1,640 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

60,253 zapytań

105,938 odpowiedzi

220,099 komentarzy

32,461 pasjonatów

Przeglądających: 308
Pasjonatów: 21 Gości: 287

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.

...