javascript - 如何在同一个 browserify 命令中缩小和分解文件?

标签 javascript browserify uglifyjs factor-bundle

我目前有这个 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 , 但我真的不明白如何适应它。

(如果效果更好的话,我也可以使用两个命令。我只想以缩小和合并的文件结束!)

最佳答案

我碰巧最近一直在研究这个领域,偶然发现了我认为可能对您有所帮助的东西。

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

希望这对某人有帮助

关于javascript - 如何在同一个 browserify 命令中缩小和分解文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32018901/

相关文章:

javascript - 使用 browserify 插件

javascript - 无法使 libphonenumber npm 包正常工作,fs.readFileSync 不是函数错误

javascript - 我如何判断 <input type=number> 是空白还是具有无效值?

javascript - 如何防止图像 slider 滚动太多?

javascript - 如何在不提及相对文件路径的情况下请求模块

javascript - 使用预处理器向 js、css 或 html 文件添加带日期的注释或递增的 "version"数字?

typescript - 在发布版本中剥离 Typescript 装饰器

javascript - 通过 UglifyJS 枚举正则表达式

javascript - 如何使用图像填充 OpenLayers 中的图层?

javascript - jquery如何获取shift+鼠标滚动事件