Mit babel.js statt browserify zu kompilieren

Question

zu bündeln

Ich beginne mit babel.js out Gebrauch von JavaScript ES6 Funktionen zu machen, aber ich habe in ein Problem laufen

ich zur Zeit meine App browserify bin den Aufbau und reactify mit dem folgenden Befehl.

browserify -t reactify app/main.js -o public/scripts/bundle.js 

Jetzt möchte ich einen entsprechenden Befehl in babel verwenden, um meine benötigten Module zu bündeln, geschrieben in ES6 zu einem bundle.js. Dies funktioniert nicht, sondern gibt mir nur eine ES5-Version der main.js-Datei.

babel app/main.js -o public/scripts/bundle.js 

aber ich meine bundle.js auf eine ES6 Version mit babel-Datei kompilieren konnte, mit 2 Befehlen

browserify -t reactify app/main.js -o public/scripts/bundle.js 
babel app/main.js -o public/scripts/babel.js 

Ist dies der richtige Weg babel zu verwenden, um mit browserify? um Ihre Module mit browserify zu bündeln und dann das Bundle in ES6 zu konvertieren?

Answer 1

Nein, der richtige Weg ist die Verwendung von babelify.

# from 
browserify -t reactify app/main.js -o public/scripts/bundle.js 
# to 
browserify -t babelify app/main.js -o public/scripts/bundle.js 

Auch die reaktivieren/react-tools/jsx-loader/etc. tools des react-teams tun eine untermenge dessen, was babel macht, also kannst du sie komplett entfernen, wenn du babel benutzt.