React z Babel i automatyczne budowanie

0

Hej, trochę utknąłem. Przerabiam książkę gdzie uczą mnie jak wykorzystać pakiety:

$ npm install --save-dev react
$ npm install --save-dev react-dom
$ npm install --save-dev babel-preset-react
$ npm install --save-dev babel-preset-es2015

Ręczna transpilacja i pakowanie wychodzi spoko. Jednak z podrozdziału "Budowanie podczas rozwijania aplikacji" już nie za bardzo. Każą mi tam korzystać z pakietu $ npm install --save-dev watch , utworzyć plik build.sh i wywołać $ watch sh scripts/build.sh js/source css, czyli obserwację folderów ze skryptami. Udało mi się pokonać problem użycia "sh" w konsoli windowsowej instalując Git Bash. Jednak w.w. komenda daje mi: "Error: ENOTDIR: not a directory, scandir '(tu ścieżka do pliku build.sh)".

Zastanawiam się, co robię źle? Lub może będzie w stanie mi podsunąć jakąś konfigurację pakietów, które będą w stanie automatycznie przetwarzać JSX->JS. Z góry dzięki.

1

Skorzytaj z create-react-app i nie bedziesz musial poki co nic konfigurowac.

0

Ok, okazuje się, że jednak konsola wciąż nie rozpoznaje 'sh'. Przy wywołaniu

watch "sh wwwroot/scripts/build.sh" wwwroot/js/source wwwroot/css

otrzymuję błąd:

'sh' is not recognized as an internal or external command, operable program or batch file.

I nie umiem sobie z tym poradzić pod Windows :/

0

Nie ma potrzeby używać plików .sh - większość projektów używa Webpacka do (między innymi) budowania aplikacji.

0

Update: Korzystając z Git bash- sh.exe, i mając zainstalowany Watch pack, wpisując watch "sh wwwroot/scripts/build.sh" wwwroot/js/source wwwroot/css konsola mi mówi, że: bash: watch: command not found :(

1

Cięzko żeby zadziałał Ci pakiet dodany lokalnie gdy go tak odpalasz, opcje są dwie:

  • zainstalować watch globalnie npm i watch -g (nie wiem czy to zadziała w git-bashu)
  • odpalić za pomocą npx: npx watch ... (npx jest dostępny jak masz w miarę nową wersję npm'a)

PS
Tak czy inaczej, bawienie się w sh, gdy masz lepsze (i multiplatformowe) narzędzia do tego przeznaczone, to słaby pomysł (może masz jakąś starą książkę).

0

Webpack albo Parcel Bundler.

1 użytkowników online, w tym zalogowanych: 0, gości: 1