如何在同一个 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

如何避免多次加载外部库? npm包,browserify和脚本标签

如何将 jquery-slider 添加到 browserify 中的依赖项列表中?