browserify-plus

Installation

npm install browserify-plus [-g]

Explain

查找指定目录下得所有使用commonJS规范编写的js文件(*/rjs/*.js || */*_rjs.js)

进行browserify编译(支持短命名方式引用模块)，并同步文件修改(删除文件、增加文件、修改文件)

在*/browserify-plus/执行:npm test，*/browserify-plus/js/文件内查看编译后的代码

增加-g参数以后，按照./test/config.bsp.js建立同名文件，全局执行browserify-plus命令

增加了对js、css和image文件的压缩处理，css文件支持@import引用，详细配置参考下面的例子

Options

* `inputPath` -- 需要进行编译的文件夹名称
* `output.banner` -- 输出文件banner ==> <%time%>:更新时间
* `output.path` -- 输出文件的路径
* `output.type` -- 输出方式
	
	`normal`: 单独文件输出  `deep`: 包含路径输出
	
* `output.compress` -- boolean 是否压缩
* `libraryPath` -- 库文件路径
* `watch` -- 是否同步更新，`interval`为轮询时常

Example

方法调用：

    
    //调用方法 from: ./test/test.js
    var browserifyPlus = require('browserify-plus'); 
    var config = {
        //需要编译的文件夹
        inputPath: './test/src',
        js: {
            output: {
                //输出banner
                banner: '/*build at <%time%>*/\n',
                //输出文件路径
                path: './js',
                //输出方式: normal、deep
                type: 'normal',
                //是否压缩
                compress: true
            }
        },
        rjs: {
            output: {
                //输出banner
                banner: '/*build at <%time%>*/\n',
                //输出文件路径
                path: './js',
                //输出方式: normal、deep
                type: 'normal',
                //是否压缩
                compress: true
            },
            //引用的库文件路径
            libraryPath: './core',
            //debug模式
            debug:false
        },
        css: {
            output: {
                //输出banner
                banner: '/*build at <%time%>*/\n',
                //输出文件路径
                path: './css',
                //输出方式: normal、deep
                type: 'normal',
                //是否压缩
                compress: true
            }
        },
        image: {
        	output: {
            	//输出文件路径
            	path: './i'
        	},
        	patterns: ['.png', '.jpg', '.gif']
    	},
        //css:false,
        watch: {
            //watch轮询的时常，默认值1200
            interval: 800
        }
    };
    browserifyPlus(config);
    

业务代码：

    
    //from: ./test/src/rjs/test.js
    //库文件方法的引用
    var clear = require('clear.js');
    //node模块的引用
    var PATH = require('path');
    //工程文件的引用
    var t2 = require('./t2');
 
    console.log(clear([1, null, '']));
    console.log(PATH);
    t2();
    

    
    /*from: ./test/src/css/t.css*/
    /*css文件支持@import引用*/
    @import url('./test_2.css');
    @import url('../test.css');
 
    div {
    	height: 100px;
    }
 

License

(The MIT License) Copyright (c) 2012 - 2015 edifier