Giter Site home page Giter Site logo

Installation

npm install bamzc [-g]

Explain

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

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

在*/bamzc/执行:npm test,*/bamzc/js/文件内查看编译后的代码

按照./test/bamzcfile.js建立同名文件,全局执行bamzc命令

进行对js、css、sass和image文件的压缩处理

Options

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

Example

方法调用:
	
	//调用方法 from: ./test/test.js
    var bamzc = require('bamzc'); 
    var config = {
        //需要编译的文件夹
		inputPath: './test/src',
		js: {
			output: {
				//输出banner
				banner: '/*build at <%time%>*/\n',
				//输出文件路径
				dest: 'js/',
				//输出方式: normal、deep
				type: 'normal',
				//是否压缩
				compress: true
			}
		},
		rjs: {
			output: {
				//输出banner
				banner: '/*build at <%time%>*/\n',
				//输出文件路径
				dest: 'js/',
				//输出方式: normal、deep
				type: 'normal',
				//是否压缩
				compress: true
			}
		},
		css: {
			output: {
				//输出banner
				banner: '/*build at <%time%>*/\n',
				//输出文件路径
				dest: 'css/',
				//输出方式: normal、deep
				type: 'normal',
				//是否压缩
				compress: true
			}
		},
		image: {
        	output: {
            	//输出文件路径
            	dest: 'i/'
        	},
        	patterns: ['.png', '.jpg', '.gif']
    	},
	    sass: {
	        options:{
	            dest : 'css/',
	            type : 'normal',
	            compress: true
	        }
	    },
		watch: {
			//watch轮询的时常,默认值1200
			interval: 800
		}
    };
    bamzc(config);
    
业务代码:
	
	//引用模块 from: ./test/src/rjs/test.js
    //node模块的引用
    var PATH = require('path');
    //工程文件的引用
    var t2 = require('./t2');

    console.log(PATH);
    t2();
	

License

(The MIT License) Copyright (c) 2014 - 2017 bamzc

bamzc's Projects

bamzc doesn’t have any public repositories yet.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.