如何浏览,编译ES6和缩小NodeJS应用程序

Question

我试图同时掌握browserify和ES6.我有以下基本的Node文件:

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以便将其作为脚本包含在我的网站中
• 使用babel编译JS使所有浏览器都可以读取ES6
• 缩小bundle.js以改善浏览器中的加载时间

我在全局安装了browserify,并使用以下命令运行: browserify main.js > bundle.js

效果很好.但我应该先运行babel吗？我如何完成我的3步骤以及按什么顺序完成(当然缩小必须在最后进行)？我应该用咕噜声做这一切吗？

Answer 1

不再需要使用任务运行器.然而,用整齐的插件像babelify其描述的命令行README.md 这里.

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

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

并根据需要从此处或任何其他位置添加其他变换,例如uglify.