如何browserify,编译器ES6,然后再缩小应用的NodeJS
我试图去与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;
};
现在,我要做到以下几点:
- Browserify到文件
bundle.js
这个,所以我可以包括它在我的网站脚本 - 用巴贝尔使ES6读取所有的浏览器编译JS
- 缩小
bundle.js
改善加载时间在浏览器
我已经browserify全球的装机和我运行这个命令:browserify main.js > bundle.js
伟大的作品。不过,我应该先运行通天塔?我如何完成我的3个步骤,并(将有微小当然最后发生)什么样的顺序?我应该做的这一切与咕噜?
回答如下:它不应该是必要再使用任务运行。然而,如在其babelify
README.md
描述使用一个整洁的插件等here从命令行。
npm install --save-dev browserify babelify babel-preset-es2015
browserify script.js -o bundle.js \
-t [ babelify --presets es2015 ]
并添加从here需要或任何别的地方,例如其他的变换uglify
。