node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

browserify-build

browserify-build

使用browserify-build,可用避免工作目录有多余的gulpfile.js和相应的node_moudles文件。同时也避免了当存在多个工作目录时,么个目录都需相应的gulp文件。

安装

  • npm install -g browserify-build, 安装到全局变量,便于使用
  • 全局安装后,可以避免冗余的gulpfile.js,只需要一份build.conf.json就可以执行整个构建工具,类似于webpack

功能

  • 支持es6, react, sass
  • 基于browser-sync的服务器,支持自动刷新, 多终端同步,远程调试,css注入
  • 基于browseriry构建,bundle参数放在build.conf.jsonbrowserify.bundleConfigs数组中
  • 支持显示require('**.html'), 无须使用html2js进行转换。

用法

* browserify-build config 
   创建build.conf.json配置文件
   
* brosserify-build init
   创建可用的一个demo
   
* browserify-build clone
	clone相应的gulp task,以便自行修改

* browserify-build start
	类似执行gulp dev

* browserify-build build
    构建,类似执行gulp build

config参数说明

  • app默认的开发目录
  • build构建目录,每次执行browserify-build build,都会自动清空该目录然后重新生成最终代码
  • scriptsjs代码目录
  • stylescss或sass代码目录
  • port端口号,启动服务器的端口号,如果该端口已经被占用,则默认使用port + 1的端口
  • https指定服务器是否开启https,默认为false
  • proxy是否开启代理,默认为false,如果想用代理,则填入代理地址如http://localhost:8000
  • sass指定输出的sass文件,其父目录为styles属性值
  • browserify browserify的构建参数,其中bundleConfigs为指定的构建数组
    • entries 入口文件
    • dest 开发时打包之后的存放地址
    • build 最终构建时存放的地址
    • outputName 打包文件的名字