2015-07-17 5 views
21

Używam webpack.config.js iWatch webpack.config.js i komenda WebPack re-run w odpowiedzi na zmianę pliku

webpack --watch --progress --debug 

budować moduły.

Chciałbym, aby webpack --watch ponownie uruchomił się po zmianie pliku webpack.config.js.

Czy mogę użyć flagi internetowej?

+0

Byłoby wspaniale, gdyby istniało realne rozwiązanie, bez konieczności tworzenia narzędzi do tego. – estus

+0

FYI, istnieje otwarty problem w pakiecie git repo, wysyłając następujący komunikat: https://github.com/webpack/webpack-cli/issues/15 – Harper

Odpowiedz

21

Skończyło się na użyciu . nodemon pozwala executing non-node scripts w odpowiedzi na zmiany w systemie plików.

Nie można jej używać z webpack --watch, ponieważ --watch nie zamierza wyjść. Można go jednak po prostu użyć z webpack, np.

nodemon \ 
    --watch ./\ 
    --delay 250ms\ 
    --exec 'node ./node_modules/.bin/webpack' 

nodemon obsługuje configuration files, które mogą być stosowane w celu zmniejszenia boilerplate zignorować konkretne pliki i/lub katalogi i produkować konfiguracji wielokrotnego użytku.

Ponadto używanie nodemon zamiast webpack --watch działa wokół znanego wydania webpack, "Does not detect minor changes to the file (added/removed whitespace, semicolon)".

+0

Niezłe śledzenie tego tematu, dzięki. – estus

+3

Pamiętaj, aby dodać do niego '--ignore {ścieżka kompilacji} '. W przeciwnym razie po nodemon oglądania katalogu głównego spowoduje pętlę, jak pliki kompilacji wywołają zmiany. – Seth

3

O ile rozumiem, nie. Możesz jednak wypróbować opakowanie, takie jak webpack-build. Ta konkretna funkcja znajduje się na ich liście. Być może to ci się podoba.

0

To dość łatwe. Wystarczy dowolny plik, który pakuje pakiet internetowy, wymagać pliku webpack.config.js. Następnie wszelkie zmiany w tym pliku zostaną zarejestrowane w zegarku sieci Web.

+0

To nie jest takie proste. Webpack może wykryć zmiany, ale nie uruchomi się ponownie, aby wprowadzić konfigurację. – estus

+0

To nie zadziała. Nie spowoduje to ponownego uruchomienia WebPack, więc nie jest to odpowiednia odpowiedź na to pytanie. – edmundo096

4

Osobiście wolę moją konfigurację, aby naśladować moją konfigurację produkcyjną tak bardzo, jak to możliwe. Dlatego wolę PM2 od nodemon, na zawsze itd.

Ponieważ możesz wyrzucać to narzędzie w produkcji i masz przygotowane gotowe zestawy narzędzi. Oto documentation, jak zdobyć go do oglądania i restartowania.

Aby uzyskać tę pracę z serwerem webpack-dev, musisz zawinąć konfigurację w node server.

+1

To trochę przesada, jeśli chodzi o proste rozwiązanie tego pytania, ale bardzo mi się to spodobało. Wygląda na dużo lepsze podejście na dłuższą metę! – edmundo096

Powiązane problemy