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/。
评论