2016-02-03 10 views
10

W obliczu problemu - należy ustawić prototyp projektu na podstawie TypeScript. Zawiera skrypty klienta i część serwera (NodeJs z ExpressJs).Typescript + Webpack (z ponownym ładowaniem) + NodeJS

Chciałbym mieć pakiet internetowy jako narzędzie do pakowania i korzystać z funkcji przeładowania na gorąco, aby zobaczyć zmiany w locie. Początkowo użyłem react-transform-boilerplate-ts, ale problem tam - punktem wejścia serwera programistycznego jest plik js. Przypuszczam, że powinna ona być ts, bo nie chciałbym, aby to moje konfigurację Express, itp

tak, to czy ktoś ma dobrą boilerplate (po najlepszych praktyk w strukturze projektu), aby stworzyć projekt, który zawiera:

  • klienta (React) i serwer (maszynopis)
  • Back-end wykorzystuje NodeJs i ExpressJs (maszynopisu)
  • klient i obsługa serwera gorąco reload (jak rozumiem najlepszego wyboru - jest opcja WebPack do przeładunku, a nie łykać zadania oglądaj).

A może mogłabyś mi doradzić, jak właściwie skonfigurować ten rodzaj rzeczy.

Thanks a lot

Odpowiedz

6

Czy ktoś ma dobre boilerplate (po najlepszych praktyk w strukturze projektu) do Tworzenie projektu

Tu jest projektem Mam opensourced: https://github.com/alm-tools/alm

    Klient
  • (React) i serwer (maszynopis)

Sprawdź!

  • Back-end wykorzystuje NodeJs i ExpressJs (maszynopisu)

CENY!

  • klient i serwer wsparcie gorący reload

Sprawdź! : Oto przyczyniające docs https://github.com/alm-tools/alm/blob/master/docs/contributing/README.md#webpack

+2

Chociaż projekt na pewno spełnia on kryteria dotyczące składu, Nie rozumiem, jak można to uznać za "szablonowy". Jest to pełnoprawna aplikacja, która korzysta ze stosu technologii, którego szuka OP. Poszukuję czegoś podobnego do OP, ale byłoby wielkim wyzwaniem wyodrębnienie szablonu z twojego projektu. – cosmicFluke

1

Niedawno wydany kod dla mojej aplikacji do zarządzania projektami (nodejs/reactjs + Redux/serwer renderingu itp) - https://github.com/Brainfock/Brainfock nadać mu wygląd (demo dostępne w Internecie), mam nadzieję, że znajdziesz coś pożytecznego:

Mianowicie zobaczyć WebPACK config, aby uzyskać dobry przykład na pytanie: https://github.com/Brainfock/Brainfock/tree/master/webpack (nie sądzę forma kod kopia wklejanie Github jest to konieczne)

+0

Dziękuję za troskę, ale wierzę, że strona Githuba nigdzie nie pójdzie, a kopiowanie wklejonych tu plików źródłowych mogłoby być jeszcze gorszym pomysłem.Zostawiłem link specjalnie dla autora, aby zobaczyć dokładnie, o co prosił – Webkadabra