ブラウザでES6をコンパイルしてNodeJSアプリケーションをコンパイルする方法

Question

私はbrowserifyとES6で同時にグリップを取得しようとしています。

• ：今、私は次の操作を行いたい

  main.js

  var foo = require('./foo.js'); 
  var x = foo.math(200); 
  console.log(x); 
  

  foo.jsは

  exports.math = (n)=>{ 
      return n * 111; 
  }; 
  

  ：私は、次の基本的なノードのファイルを持っていますこれをファイルにしてbundle.jsので、私はグローバルにインストールbrowserifyいる

ブラウザでロード時間を改善するために、すべてのブラウザ

縮小化bundle.jsで読めるES6を作るためにバベルを使ってJSをコンパイル私のウェブサイト

でスクリプトとしてそれを含めることができます私はこのコマンドでそれを実行します： browserify main.js > bundle.js

素晴らしいです。しかし、最初にバベルを動かすべきですか？どのように私は3段階のプロセスを完了し、どのような順序で（もちろん、最後にミニニーズが起こるでしょうか？）私はこのすべてをしゃべるべきだろうか？

Answer 1

タスクランナーを使用する必要はありません。ただし、README.mdhereに記載されているように、コマンドラインからbabelifyのようなきれいなプラグインを使用してください。

npm install --save-dev browserify babelify babel-preset-es2015 

browserify script.js -o bundle.js \ 
    -t [ babelify --presets es2015 ] 

hereなどから必要に応じて他のトランスフォームを追加します。 uglify。