generator-lego 前端工作流开源项目

我要开发同款
匿名用户2014年08月26日
28阅读
开发技术JavaScript
所属分类程序开发、工作流引擎
授权协议MIT

作品详情

generator-lego基于gulp的前端工作流

快速开始

提供以下2种获取方式:

Clonetherepo

gitclonegit@github.com:duowan/generator-lego.git

在克隆目录执行npmlink链接到全局模块的位置

在空目录执行yolego初始化项目

npm

npminstall-ggenerator-lego

在空目录执行yolego初始化项目

文件结构

generator-lego初始化和执行任务涉及的文件结构:

yourProj/│├── package.json                // 项目依赖定义├── gulp.js                     // 配置任务│├── node_modules                // `npm install` 拉取依赖包│├── src/                        // 开发目录│    ├── css/                   │    │   └── global.css         // 经过sass编译后的出口css文件│    ├── sass/                  // sass源文件│    ├── img/                   // 仅 Copy 不做操作│    ├── js/                    // 仅 Copy 不做操作│    └── index.html             │    └── dest/                       // 发布目录,执行 `gulp release` 生成    ├── css/                        │   └── global.css    ├── img/                       ├── js/                         └── index.html环境准备

Node环境:默认此步骤已完成 (Mac用户建议使用Brew安装Node.js)

Yeoman环境:npminstall-gyo

Gulp环境:npminstall-ggulp

任务说明初始化项目

执行yolego,初始化PC类的项目。

或者,执行yolego:mobi,初始化移动类型的项目。

开发

gulp创建一个链接,自动检测src文件夹下的静态文件,自动刷新。支持sass编译。

gulp-p8080同上,-p参数指定特定端口。

发布

gulprelease将静态文件压缩到dest/。

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论