Wie benutzt man es6 in TypeScript mit react, webpack und babel?

Question

Ich bin neu in Front-End-Entwicklung, aber eine einfache tutorial ermöglicht, scheint mir, schnell zu lösen Probleme des Fachbereichs. Das Problem ist ES5. Es enthält nicht die üblichen und für mich wichtigen Tools, wie zum Beispiel eine Schlüssel-Wert-Karte.

Soweit ich von der Suche in Blogs verstehe, um dieses Problem zu lösen, muss ich kompiliert ES6-Javascript zu ES5-Javascript mit Babel übersetzen.

Leider bin ich nicht vertraut mit babel, webpack und npm, und ich konnte nicht eine Arbeitsanleitung für ein solches Projekt finden. Irgendwelche Vorschläge?

Answer 1

Hier ist meine Webpack JSON-Datei zu sehen, wie Babel mit Webpack zu plain JavaScript in Dist-Ordner zu konfigurieren konfigurieren: https://github.com/zuoqin/ZHReact/blob/master/webpack.config.prod.js Innerhalb Lader-Abschnitt sehen wir Babel.

Und npm JSON-Datei webpack laufen beim Start transpile: https://github.com/zuoqin/ZHReact/blob/master/package.json

Alles was Sie brauchen nach dem Download https://github.com/zuoqin/ZHReact zu ist:

1. wechseln Sie in den Stammprojekt
2. npm installieren
3. npm start build

Es wird r Un Webpack und dann den Server