partition-bundle

partition-bundle 也是分割输出至多个打包文件 的. 同 factor-bundle 一致, 但是包含了一个内置的加载器 loadjs() 函数.

partition-bundle 接受一个包含输入文件于打包输出之间的映射关系的json文件:

{ "entry.js": ["./a"], "common.js": ["./b"], "common/extra.js": ["./e", "./d"]}

然后 partition-bundle 被加载为插件, 映射文件, 输出目录以及目标url(做动态加载时必须)被 传入:

browserify -p [ partition-bundle --map mapping.json \ --output output/directory --url directory ]

现在你可以添加:

<script src="entry.js"></script>

到你的页面去加载整个文件. 在入口文件内部, 你可以用 loadjs() 函数去动态的加载其他 打包文件:

a.addEventListener('click', function() { loadjs(['./e', './d'], function(e, d) { console.log(e, d); });});