在Babelify中使用Browserify和Uglify

Question

我正在尝试使用Browserify和Uglify在bundle.js上最小化我的main.js，它工作得很好，如下所示：

browserify assets/js/main.js | uglifyjs > assets/bundle.js

但是现在我有了一个在ES6中制作的依赖项，我需要使用Babelify，但是使用Uglify和Babelify呢？

这样做不起作用：

browserify assets/js/main.js | uglifyjs > assets/bundle.js -t [ babelify --presets [ es2015 react ] ]

我得到了错误：

ERROR: ENOENT: no such file or directory, open 'babelify'
    at Error (native)
    at Object.fs.openSync (fs.js:641:18)
    at Object.fs.readFileSync (fs.js:509:33)
    at read_file (/usr/local/lib/node_modules/uglify-js/bin/uglifyjs:303:19)
    at /usr/local/lib/node_modules/uglify-js/bin/uglifyjs:151:37
    at Array.forEach (native)
    at Object.<anonymous> (/usr/local/lib/node_modules/uglify-js/bin/uglifyjs:150:31)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)

我怎么才能修复它？

Answer 1

试试这个怎么样？

browserify assets/js/main.js -t [ babelify --presets [ es2015 react ] ] | uglifyjs > assets/bundle.js