Korzystanie babel.js zamiast browserify skompilować do bundle

Question

ja wychodząc z babel.js skorzystać z funkcji JavaScript ES6, jednakże ma uruchomić do problemu

Jestem obecnie buduje moją aplikację za pomocą browserify i reactify za pomocą następującego polecenia.

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

Teraz chcę użyć równoważną polecenie babel aby zbierać moje wymaganych modułów napisanych w ES6 do bundle.js. To nie działa, tylko daje mi wersję ES5 pliku main.js.

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

Jednak mogę skompilować plik moi bundle.js do wersji ES6 z babel, mający 2 poleceń

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

Czy to jest prawidłowy sposób korzystania z browserify Babel? połączyć moduły za pomocą przeglądarki internetowej, a następnie przekonwertować pakiet na ES6?

Answer 1

Nie, prawidłowym sposobem jest użycie 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 

Także narzędzia do rektyfikacji/reagowania/jsx-loader/itp. Narzędzia od zespołu reagującego robią podzbiór tego, co robi Babel, więc możesz je całkowicie usunąć, jeśli używasz Babel.