项目作者: bluepeople1

项目描述 :
npm module browserify-build 基于gulp、sass、browserify、browser-sync构建的一个自动化工具
高级语言: JavaScript
项目地址: git://github.com/bluepeople1/browserify-build.git
创建时间: 2016-03-29T09:24:10Z
项目社区:https://github.com/bluepeople1/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进行转换。

用法

  1. * browserify-build config
  2. 创建build.conf.json配置文件
  3. * brosserify-build init
  4. 创建可用的一个demo
  5. * browserify-build clone
  6. clone相应的gulp task,以便自行修改
  7. * browserify-build start
  8. 类似执行gulp dev
  9. * browserify-build build
  10. 构建,类似执行gulp build

config参数说明

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