browserify打包前端项目

原创 苏秦陶侃 随笔 自动化构建 164阅读 2017-12-11 23:07:00 举报

browserify

用途:处理符合Commonjs规范的js文件。

1.支持合并前处理,例如将coffeejs编译为js,和gulp一样也是使用的nodejs的流处理,前一个输出为后一个的输入。
2.一般情况下,会将所有js文件打包成一个大的js文件。这样会极大的减少http请求,但是若是包含太多不需要立即使用的文件则会导致首页加载很慢。
解决办法:<1>.用factor-bundle插件来处理重复模块;
<2>.排除和忽略模块(参数“--ignore”指定要忽略的模块,而“--exclude”指定要排除的模块。)

有个重要概念叫“变换模块”,使用对输入文件进行不同的变换需要使用不同的变换模块。(例如: browserify-shim可以将非commonjs规范的js转换为符合Commonjs规范的文件)
需要全局安装browserify模块,然后执行命令:
举个小李子:
1.old.js
javascript 代码

2.tool.js
javascript 代码

3.config.js
javascript 代码

最后在命令行中执行browserify -t ./one.js tool.js > bundle.js,就可以在bundle.js中看到替换了${name}和${mail}的代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复