Envirs-cli

u51.inc 内部前端流程辅助工具。功能点：

• 任务流程 envirs task
• 项目创建 envirs project
• 服务启动 envirs server

简化前端开发复杂的流程，让工作更easy！

Installation

$ sudo npm install -g envirs-cli

Functions

功能点介绍：

envirs project [project-type] -c [project-name] [-b [-f]]

创建一个内置项目

$ envirs project -c project-name

• -c, --create 创建项目
• -b, --bootstrap 采用bootstrap项目创建
• -f, --force 强制覆盖

envirs project tool -c [project-name] [-f]

创建一个工具项目

$ envirs project tool -c newproject -f

其他项目创建敬请期待。

envirs task [task-name]

任务流程控制。集合了 browserify uglify cssmin 等等功能。

如何使用

$ cd [your project]

$ envirs task [project-name]

每个项目中都存在一个 Envfile.js 和 package.json

• Envfile.js 用于任务流控制
• package.json 项目包管理文件

Envfile.js配置

module.exports = function(task){
	// task.js 包含了 browserify uglify 功能
	// 采用 CMD 方式加载模块
	// task.js( 任务名 , 预编译文件地址 , 文件存放地址 );
	task.js("compress-js", "./js/index.js", "./js/minify.js");

	// 压缩CSS
	// 可批量
	// task.css( 任务名, 配置数据 )
	// 配置数据键值对 键名为存放地址 值为数组或者字符串，数组表示多个css合并后压缩
	task.css("compress-css", { "./css/minify.css": ["./css/style.css"] });

	// 合并文件
	// 可批量
	// task.concats( 任务名, 配置数据 )
	// 配置数据键值对 键名为存放地址 值为数组或者字符串，数组表示多个文件合并
	task.concats = ("compress-concat", { "./module/concat.js": ["./lib/A.js", "./lib/B.js"] });

	// browserify 合并模块
	task.browser('compress-browser', {
		'./a.js': './c.js'
	});
	task.browser('compress-browser', './a.js', './c.js');

	// jsmin 压缩模块
  task.jsmin('compress-browser', {
    './a.js': './c.js'
  });
  task.jsmin('compress-browser', './a.js', './c.js');

	// 在任务流中注册任务
	// task.registTask(任务名, 任务流数组)
	task.registTask("default", ["compress-css", "compress-js"]);

	/**
	 * 自定义任务
	 * task.createTask(taskname, fn);
	 * 注意 fn 有2个默认参数 resolve reject 分别是promise的2种状态回调函数
	 * task.createTask('test', function(resolve, reject){
	 *    setTimeout(function(){
	 *      resolve();
	 *    }, 3000);
	 * });
	 * task.registTask('task1', ['test']);
	 */
};

envirs server [port]

在某个项目下启动WEB服务。

$ cd your-project

$ envirs server

port默认8000端口。

$ envirs server 9000

启动端口为9000的WEB服务。

License

MIT