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