Uso babel.js invece di browserify per la compilazione di bundle

Question

sto iniziando con babel.js di fare uso di funzioni JavaScript ES6, però ho eseguito in un problema

Attualmente sto costruendo la mia app utilizzando browserify e reactify con il seguente comando.

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

Ora voglio utilizzare un comando equivalente in babel per impacchettare i miei moduli richiesti, scritti in ES6 ad un bundle.js. Questo non funziona, dandomi solo una versione ES5 del file main.js.

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

Tuttavia ho potuto compilare il mio file bundle.js ad una versione ES6 con Babel, avendo 2 comandi

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

E 'questo il modo corretto di utilizzare babel con browserify? raggruppare i moduli con browserify e quindi convertire il bundle in ES6?

Answer 1

No, il modo corretto è usare 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 

Anche il reactify/react-tools/jsx-loader/ecc. gli strumenti della squadra che reagiscono fanno un sottoinsieme di ciò che fa Babel, quindi puoi rimuoverli completamente se usi Babele.