前端自动化之browserify

github地址https://github.com/substack/node-browserify

入手指南:全局安装or局部安装

推荐后者,本地环境移植非常方便

用途和使用方式:

用来将js文件和js中依赖的js文件合并,比如index.js依赖app.js实现。那么可以通过browserify将index.js和app.js同时打包到一个bundle.js

而在页面上只需要加载一个bundle.js即可

和全局调用不一样的方式,在package.json的script中设置“transformBuild: browserify -o build.js index.js”然后运行 npm run transformBuild

常用的调用参数

-o:表明输出文件 相对路径+文件名

'debug' - apply source maps

browserify.transform编译方式在 package.json配置

"browserify": {
    "transform": [
      [ "babelify", { "presets": ["es2015", "react"] } ]
    ]
  },

这里表示使用babelify 编译转换语法

待续

posted @ 2017-01-13 11:26  二唐  阅读(247)  评论(0编辑  收藏  举报