如何在同一个 browserify 命令中缩小和分解文件?
Posted
技术标签:
【中文标题】如何在同一个 browserify 命令中缩小和分解文件?【英文标题】:How to minify and factor-bundle files in the same browserify command? 【发布时间】:2015-11-08 05:33:23 【问题描述】:我目前有这个factor-bundle
命令,我用它来捆绑我的文件,并将所有常见的东西拉到一个通用文件中:
browserify index.js bar-charts.js list-filter.js dashboard.js
-p [ factor-bundle -o ../../static/js/index.js -o ../../static/js/bar-chart.js -o ../../static/js/list-filter.js -o ../../static/js/dashboard.js ]
-o ../../static/js/common.js
我之前也使用这个命令来丑化单个文件:
browserify index.js | uglifyjs > ../../static/js/index.min.js
如何在同一命令中将文件与factor-bundle
合并,并用uglifyjs
缩小它们?
我找到了this example in the factor-bundle docs,但我不太明白如何适应它。
(如果效果更好,我也可以使用两个命令。我只想得到缩小和组合的文件!)
【问题讨论】:
你为什么不用uglifyify? 【参考方案1】:我最近碰巧一直在研究这个领域,偶然发现了我认为可以帮助你的东西。
browserify files/*.js \
-p [ ../ -o 'uglifyjs -cm | tee bundle/`basename $FILE` | gzip > bundle/`basename $FILE`.gz' ] \
| uglifyjs -cm | tee bundle/common.js | gzip > bundle/common.js.gz
我对 browserify 的涉猎不多,但在我看来,这似乎只是将 factor-bundle 的输出通过管道传输到 uglify。
来源:https://gist.github.com/substack/68f8d502be42d5cd4942
希望这对某人有所帮助
【讨论】:
以上是关于如何在同一个 browserify 命令中缩小和分解文件?的主要内容,如果未能解决你的问题,请参考以下文章
让browserify接收命令行参数,在打包时parse yml配置文件
如何从代码覆盖率数字中排除 browserify 生成的代码?
如何在 Jest 中测试使用 browserify-shim global 的文件?
如何在 Angular Ionic 中独立注入 Browserify Crypto