最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

如何browserify,编译器ES6,然后再缩小应用的NodeJS

运维笔记admin12浏览0评论

如何browserify,编译器ES6,然后再缩小应用的NodeJS

如何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

发布评论

评论列表(0)

  1. 暂无评论