Git Product home page Git Product 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

amis icon amis

前端低代码框架,通过 JSON 配置就能生成各种页面。

amis-widget icon amis-widget

amis组件注册器(支持react、vue2.0、vue3.0和jQuery技术栈),主要用于注册amis渲染器、amis-editor插件。

css3- icon css3-

CSS3实现星级评分效果

download-git-repo icon download-git-repo

Download and extract a git repository (GitHub, GitLab, Bitbucket) from node.

exif-js icon exif-js

JavaScript library for reading EXIF image metadata

fabric.js icon fabric.js

Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

guide-tools icon guide-tools

A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page

jsqrcode icon jsqrcode

Lazarsoft's jsqrcode as a node module, object oriented, maintained and with tests

leaferjs-ui icon leaferjs-ui

Leafer UI 是基于 Leafer 开发的一套绚丽多彩的 UI 绘图框架,可结合 AI 绘图、生成界面。

lowcode-engine icon lowcode-engine

An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系

mp-demos icon mp-demos

友盟+小程序统计sdk,小游戏统计sdk demo

point-mall icon point-mall

微信积分商城,单页面应用程序,requirejs+director+mui+zepto+artemplate

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.