前端工作流客户端 LegoFlow

LegoFlow 详细介绍

更轻、更强、开箱即用的 前端工作流客户端,无需各种配置系统环境。

  • 开发者无需再配置各种版本混乱的 NodeJS 环境

  • 开发者无需再下载各个繁琐复杂的 node modules

  • 开发者无需再修改各样重复麻烦的工作流任务

功能

  • Webpack 4x 的 JS 模块编译,支持各类模块规范

  • Babel 7 ES.NEXT JS 编译

  • Vue.js 2.x 开发环境

  • Sass 编译

  • Autoprefixer 自动补全

  • 移动端 REM 适配方案

  • 生成图片信息,智能图片压缩

  • Base64 图片,雪碧图

  • EJS 模板编译

  • 自动内联样式脚本

  • 自动替换线上资源地址

  • JS 编译 Sass 文件 Autoprefixer 自动补全

  • JS 编译 art-template 语法 tpl 文件

  • ......

界面

generator-lego 基于 gulp 的前端工作流 快速开始 提供以下2种获取方式: Clone the repo git clone git@github.com:duowan/generator-lego.git 在克隆目录执行 npm link 链接到全局模块的位置 在空目录执行 yo lego 初始化项目 npm npm install -g generator-lego 在空目录执行 yo lego 初始化项目 文件结构 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环境:npm install -g yo Gulp 环境:npm install -g gulp 任务说明 初始化项目 执行yo lego,初始化PC类的项目。 或者,执行yo lego:mobi,初始化移动类型的项目。 开发 gulp 创建一个链接,自动检测src文件夹下的静态文件,自动刷新。支持sass编译。 gulp -p 8080 同上,-p参数指定特定端口。 发布 gulp release 将静态文件压缩到 dest/。 标签:generator
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值