Javascript 来自Browserify的丑陋捆绑JS
我安装了以下模块:Javascript 来自Browserify的丑陋捆绑JS,javascript,node.js,ecmascript-6,browserify,uglifyjs,Javascript,Node.js,Ecmascript 6,Browserify,Uglifyjs,我安装了以下模块: 宝贝 babel-preset-es2015 粗制滥造 丑化 现在我有了一个核心文件server.js,其中包含ES6JavaScript。我可以将ES6转换为ES5,并使用以下命令捆绑浏览器代码: browserify server.js -o ./public/bundle.js -t [ babelify --presets [es2015] ] 但是现在我想让uglifyify缩小代码并添加源映射。我不能让这个工作,我只是不能制定出正确的命令。我尝试了以下方法:
- 宝贝
- babel-preset-es2015
- 粗制滥造
- 丑化
server.js
,其中包含ES6JavaScript。我可以将ES6转换为ES5,并使用以下命令捆绑浏览器代码:
browserify server.js -o ./public/bundle.js -t [ babelify --presets [es2015] ]
但是现在我想让uglifyify
缩小代码并添加源映射。我不能让这个工作,我只是不能制定出正确的命令。我尝试了以下方法:
browserify server.js -t uglifyify -t [ babelify --presets [es2015] ] -o ./public/bundle.js
browserify server.js -o ./public/bundle.js -t [ uglifyify, babelify --presets [es2015] ]
browserify server.js uglifyify -o ./public/bundle.js -t [ babelify --presets [es2015] ]
即使没有巴贝尔:
browserify server.js -o ./public/bundle.js -t uglifyify
browserify server.js -t uglifyify -o ./public/bundle.js
也许您需要使用管道“|”,以便执行多个过程 试试这个:
browserify server.js -t babelify | uglifyjs > public/bundle.js
我希望这会有所帮助,否则我会很乐意继续帮助您解决这个问题;)
致以最诚挚的问候。仅在本地安装
uglifyify
是不够的-您还需要安装globaly,因为它由uglifyify
使用。您可以这样安装它:
npm i -g uglify-es
browserify server.js -o ./public/bundle.js -t uglifyify
然后你就这样使用它:
npm i -g uglify-es
browserify server.js -o ./public/bundle.js -t uglifyify
与babelify一起使用
如果您还需要babelify
以下是操作方法:
browserify server.js -o ./public/bundle.js -t uglifyify -t babelify
直接使用丑陋的东西
您也可以直接使用uglifyify
跳过使用uglifyify
,如下所示:
browserify server.js | uglifyjs -c > ./public/bundle.js
uglifyify
的唯一目的是使uglifyi es
可以用作browserify
转换感谢您的帮助。但还是不为我工作。我尝试了以下操作:browserify server.js-t babelify | uglifyify>bundle.js
但我得到了错误:uglifyify:command not found
。我应该改用uglifyjs
吗?我是否需要使用--plugin
?看起来这就是minifyify
所做的:可能是因为你有一个打字错误,“uglifyify”应该是“uglifyjs”,请确保首先通过npm install-g uglify js安装全局库如果我需要使用uglifyjs
,那么uglifyify
有什么用呢?我现在使用minify实现了我的目标。仍然困扰着我为什么uglifyify不起作用。只是一个粗略的猜测,但也许这就是你安装uglifyify的方式。例如,无论出于何种原因,我都无法像browserify和watchify那样进行全局安装并使其正常工作(因此,没有-g
与npm
)。如果有帮助的话,这对我来说是一个脚本:NODE_ENV=production browserify-t[babelify--presets[es2015 react]]-g uglifyify scripts/index.jsx-o bundle.js
但是我仍然需要像uglifyjs这样的东西来实现更好的压缩。我还没用过。