webpack-init

Przykład configuracji webpack-a umożliwiający utworzenie bundle (paczki) dla projektu wykorzustującego pliki .js z ES6, css czy scss z automatycznym przeładowaniem przeglądarki po zmianach w plikach.

uwagi

• starałem się bardzo dokładnie opisać każdy krok dzięki commit-om - najlepiej śledzić po kolei każdy rozpoczynając od nastarszego

• nie trzeba instalować osobno każdego pakietu z npm można pobrać package.json i uruchomić w terminalu npm install

• w przypadku zmian w pliku webpack.config.js należy zatrzymać działanie webpack-a (ctrl+c) i ponownie uruchomić, aby zmiany w konfiguracji zostały załadowane

• webpack i webpack-dev-server nie muszą być uruchomione jednocześnie

• w przypadku zapisu scss do pliku, nie działa wersja automatycznego oświeżania, należy uruchomić tylko webpack-a

• mając zdefiniowane "scripts" w package.json możemy uruchomić webpack-a przez npm run wp oraz serwer przez npm run wp-server