Reagieren ohne Webpack

Question

Ich fing an, in ReactJS zu suchen. Es scheint, dass Facebook gerade Version 15.0.1 veröffentlicht hat. Ich habe dieses Framework letztes Jahr in der Version 0.12.x untersucht, als es JSXTranformer benutzte, und nun scheint es, als wäre es weggegangen.

Jetzt scheint es, dass fast jedes Tutorial vorschlägt, die neueste React mit Webpack zu verwenden. Gibt es eine Möglichkeit, Webpack überhaupt nicht zu benutzen? Ich versuche ein gutes gültiges Beispiel mit einer Grunt-Aufgabe für React 15.x.x zu finden.

Jede Hilfe wäre willkommen.

Answer 1

JSX Transformator veraltet verwenden, ist es scheint.

Wenn Sie kein Webpack verwenden möchten, müssen Sie überlegen, auf welche Funktionen Sie verzichten können.

Mit der Weiterentwicklung der Browser-Unterstützung für ES6-Funktionen können Sie jetzt die ES6-Syntax verwenden und auch Module verwenden (wenn Sie experimentelle Flags aktivieren), ohne Webpack zu verwenden.

Wenn Sie JSX verwenden möchten, müssen Sie es immer in JS umwandeln, da es in Browsern am Horizont keine systemeigene Unterstützung dafür gibt. Am einfachsten ist es, eine Babel-Middleware mit der Voreinstellung "React" zu Ihrem Entwicklungsserver hinzuzufügen.

Dependency-Management ist auch kompliziert sein würde, weil npm Pakete in Commonjs bietet, die nicht ausgeführt werden können, wie im Browser ist ...

Wenn Sie damit experimentieren wollen, können Sie eine Check-out experimentelles React-Starter-Kit, das ich auf GitHub React Without Webpack gesetzt habe, das versucht, die meisten Webpack-Funktionen mit nativen Browserfunktionen und http2 zu replizieren.

Answer 2

Sie brauchen nicht Webpack oder grunzen, statt JSXTransformer müssen Sie Babel https://facebook.github.io/react/docs/getting-started.html#offline-transform