/jdf

京东前端集成解决方案

Primary LanguageJavaScript

jdf doc

NPM version

NPM

更新日志

关于JDF

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

功能介绍

  • 跨平台:完美支持windows、mac、linux等系统
  • 支持本地,联调,线上三种开发流程
  • 可生成标准化的项目文件夹
  • 项目配置:支持为项目创建一个配置文件,按选项统一编译
  • 错误提示:在编译过程中如果遇到语法的错误,在控制台可以输出错误信息,方便定位代码错误位置
  • 支持公共widget的引用,预览,安装和发布
  • 支持widget编译,内置widget编译引挚
  • 支持volicity模板编译,可供前后端共享模板
  • 支持less,sass实时监听文件,当文件改变时自动执行编译成css
  • 支持给所有静态资源添加CDN域名前缀或后缀戳
  • 支持js/css所引用的链接生成combo格式或者压缩一个文件
  • 支持文件夹或者单独文件css和js文件压缩
  • 支持cmd模块自动提取文件id和dependencies,压缩时保留require关键字
  • 支持png图片压缩插件,将png24压缩为png8
  • 支持备份当前工程文件
  • 支持本地静态文件预览,内置本地开发调试服务器,以及当前目录浏览
  • 支持文件监听,保存后文件即可在浏览器即时预览
  • 支持上传到远端服务器,利用文件监听,即实现本地文件保存后可上传至远端服务器
  • 支持html/js/css文件格式化
  • 支持html/js/css文件lint,代码质量检查
  • 编码统一化,即无论当前文件格式是gbk,gb2312,utf8,utf8-bom,统一输出utf8
  • 多条命令,可满足不同的开发需求

会议/视频/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模板

编译器插件