Skip to content

Latest commit

 

History

History
159 lines (126 loc) · 7.98 KB

README.md

File metadata and controls

159 lines (126 loc) · 7.98 KB

jdf doc

NPM version

NPM

JDF

更新日志

关于JDF

  • JDF为京东前端开发集成解决方案-Jingdong front-end integrated solution
  • 目的是合理,快速和高效的解决前端开发中的工程和项目问题
  • 核心提供了前端开发必备的基础的UI和业务组件,并集成调试,构建,布署,代码生成,文档生成,编辑器插件等一系列开发工具
  • 同时提供了前端模块的下载,预览,发布

功能介绍

跨平台

  • 完美支持windows、mac、linux三大系统

项目构建

  • 生成标准化的项目文件夹
  • 支持本地,联调,线上三种开发流程
  • 每个项目都拥有一个单独的配置文件,按选项统一编译

模块开发

  • 可快速方便的对模块进行创建,引用,预览,安装和发布
  • 通过积累,可形成完全符合自己业务的模块云服务

模块编译

  • 支持模块编译,内置模块编译引挚
  • 支持将vm和smarty模版编译为html
  • 支持将sass和less编译为css
  • 支持ES6

项目优化

  • 自动将页面中的js、css引用转换成combo请求格式
  • 自动压缩优化js、css、png文件

项目输出

  • 默认给所有静态资源添加CDN域名前缀或后缀戳
  • 支持cmd规范,自动提取文件id和dependencies,压缩时保留require关键字
  • 支持png图片压缩插件,将png24压缩为png8
  • 自动生成css雪碧图,并更新background-position属性值
  • 可将小图片一键生成base64编码
  • 文件编码统一化,即无论当前文件格式是gbk,gb2312,utf8,utf8-bom,统一输出utf8

项目联调

  • 一键上传文件到测试服务器,方便其他同学开发预览

本地服务

  • 支持开启本地服务器,方便调试
  • 支持本地静态文件预览,内置本地开发调试服务器,以及当前目录浏览
  • 支持实时监听文件,文件被修改时会自动编译成css,并刷新浏览器
  • 实时在控制台输出错误信息,方便定位代码错误

辅助工具

  • 支持html/js/css文件格式化
  • 支持html/js/css代码压缩
  • 支持html/js/css文件lint,代码质量检查
  • 支持chrome浏览器的LiveReload插件

会议/视频/QQ群

  • 2014-10-25 D2前端技术论坛@杭州《京东前端工业化实践之路》 PPT下载 , 慕课视频1 视频2
  • JDF技术支持
    • QQ群号: 305542952
    • 咚咚群号: 815294

安装使用

  • jdf基于nodejs
  • 安装jdf
    • npm install jdf -g
  • 安装测试
    • 执行 jdf -v 如果出现版本号则说明你已安装成功

集成工具

工具示例

开发流程

方案规范

widget组件

js组件

##css组件

##vm模板

smarty模版

编译器插件

contributor