javascript - 如何浏览、编译 ES6 和缩小 NodeJS 应用程序

Question

我正在尝试同时掌握 browserify 和 ES6。我有以下基本 Node 文件:

ma​​in.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，并使用以下命令运行它: 浏览 main.js > bundle.js

效果很好。但是我应该先运行 babel 吗？我如何完成我的 3 步过程以及以什么顺序(当然缩小必须最后发生)？我应该用 grunt 做这一切吗？

Answer 1

不再需要使用任务运行器。但是，请从命令行使用一个简洁的插件，如 babelify，如其 README.md here 中所述.

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

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

并根据需要从 here 添加其他转换或其他任何地方，例如丑化.