2016-04-13 28 views
7

Zacząłem zaglądać do ReactJS. Wygląda na to, że Facebook właśnie wydał wersję 15.0.1. Przyjrzałem się tej strukturze w zeszłym roku, w wersji 0.12.x, kiedy korzystałem z JSXTransformer, a teraz wygląda na to, że od niej odeszły.Reagowanie bez pakietu Webpack

Wygląda na to, że prawie każdy samouczek sugeruje użycie najnowszego React with Webpack. Czy istnieje sposób, aby w ogóle nie używać pakietu internetowego? Próbuję znaleźć dobry poprawny przykład z zadaniem pomruczania dla React 15.x.x.

Każda pomoc zostanie doceniona.

+1

Nie potrzebujesz pakietu internetowego. Nie potrzebujesz nawet JSX, możesz po prostu napisać "React.createElement", jeśli chcesz. Jeśli chcesz JSX potrzebujesz Babel, który będzie działał dobrze z chrząknięciem. To wszystko, czego potrzebujesz. – azium

+1

Mam na to hoss: http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webpack/ – lux

+0

@azium: To szalone. Kodowanie takiej aplikacji to 100-krotnie więcej wysiłku niż niezaplanowanie pakietu Webpack lub 1 minuta z generatorem. – nbrogi

Odpowiedz

3

transformator JSX jest nieaktualna wydaje.

Jeśli nie chcesz korzystać z pakietu internetowego, musisz zastanowić się, z których funkcji możesz korzystać.

Wraz z zaawansowaniem obsługi przeglądarek dla funkcji ES6, możesz teraz mieć składnię ES6, a także używać modułów (podczas aktywacji flag eksperymentalnych) bez korzystania z Webpacka.

Jeśli chcesz używać JSX, zawsze będziesz musiał przenieść go do JS, ponieważ nie ma natywnej obsługi w przeglądarkach na horyzoncie. Najprostszym sposobem na to jest dodanie oprogramowania pośredniczącego Babel z ustawieniem "React" do serwera programistycznego.

zarządzanie Zależność jest również będzie skomplikowane, ponieważ npm zapewnia pakiety w CommonJS, której nie można uruchomić bezpośrednio w przeglądarce ...

Jeśli chcesz eksperymentować z tym, można sprawdzić eksperymentalny zestaw startowy React, który zainstalowałem na GitHubie React Without Webpack, który próbuje zreplikować większość funkcji Webpack przy użyciu rodzimych funkcji przeglądarki i http2.