• Stars
    star
    168
  • Rank 225,507 (Top 5 %)
  • Language
    JavaScript
  • Created about 8 years ago
  • Updated almost 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🛠️京东前端自动化构建工具

NPM

NPM version Build Status

关于JDFX

JDFX是京东前端团队自主研发的一款自动化构建工具,目的是合理、快速和高效的解决前端开发中的工程和项目问题,核心集成了本地调试、本地构建、远程布署、代码生成等一系列开发命令工具。

安装使用

$ npm install jdfx -g

更新日志

完整日志

3.4.13 / 2020/11/20 18:34:00

  • [fix] 修改node-sass版本,修复node-sass更新到5.0.0后无法在node 8安装的问题。

说明文档

使用攻略

功能介绍

跨平台

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

项目构建

  • 生成标准化的项目文件夹
  • 支持本地联调,本地编译,测试预览等开发流程
  • 每个项目拥有独立的配置文件,按选项统一编译

模块开发

  • 可快速方便的对模块进行创建,引用,预览,安装和发布
  • 通过积累,可形成完全符合自己业务的模块云服务
  • 支持将vm和smarty模版编译为html
  • 支持将sass和less编译为css
  • 支持velocity语法
  • 支持ES6(需要将js文件后缀改为.babel)

项目输出

  • 自动将页面中的js、css引用转换成combo请求格式
  • 自动压缩优化js、css、图片文件
  • 默认给所有静态资源添加CDN域名
  • 支持cmd规范,自动提取文件id和dependencies,压缩时保留require关键字
  • 自动生成css精灵图,并更新background-position属性值
  • 自动生成base64编码
  • 自动给css样式添加相应的浏览器前缀
  • 支持图片生成webp格式,并更新相关css图片链接
  • 压缩css、js、图片文件,并且可根据当前项目中的文件数量自动决定是否启用多线程进行压缩,当前的数量阀值是200
  • 自动给js,css文件的内容头部添加时间戳,方便查看
  • 文件编码统一输出为utf8

项目联调

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

本地服务

  • 支持开启本地服务器,方便调试
  • 支持本地静态文件预览,内置本地开发调试服务器,以及当前目录浏览
  • 支持实时监听文件,文件被修改时会自动编译成css,并刷新浏览器
  • 内置browserSync
  • 详细文档

辅助工具

  • 支持html/js/css文件格式化
  • 支持html/js/css代码压缩
  • 支持html/js/css文件lint,代码质量检查

集成工具

widget组件

编译器插件

More Repositories

1

nutui

京东风格的移动端 Vue 组件库,支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
Vue
6,052
star
2

nutui-react

京东风格的移动端 React 组件库 、支持多端小程序(A React UI Toolkit for Mobile Web)
TypeScript
886
star
3

nutui-bingo

Bingo - 基于 NutUI 的抽奖组件
Vue
423
star
4

Gaea4

Vue单页面应用脚手架Gaea 4.0
JavaScript
158
star
5

nutui-demo

NutUI 示例项目
JavaScript
131
star
6

nutui-react-native

JD-style mobile UI components based on React Native that support users to develop APP and H5.
TypeScript
127
star
7

SMock

自动创建Mock数据服务平台
JavaScript
101
star
8

nutui-cat

大促组件库
Vue
88
star
9

nutui-biz

NutUI 业务组件库 react 版
TypeScript
56
star
10

rocketact

🚀Developing React projects with ease
TypeScript
47
star
11

dps

a way to make skeleton screen
JavaScript
35
star
12

audioCreate.js

一款可以创建多个audio标签并且很大限度兼容app端、微信端、h5端、pc端的audio.js插件
JavaScript
24
star
13

share_course

💡我们的分享
21
star
14

beacon

一个基于React的标准化视觉组件库
JavaScript
20
star
15

H5-collection

🤡html5案例合集
19
star
16

webpack4-demo

webpack 4.0.0-beta 新特性实践代码
JavaScript
17
star
17

yep-mp-com

小程序组件库 组件源码
JavaScript
16
star
18

yg_cli

云构平台-cli
JavaScript
14
star
19

nutui-lib

NutUI lib 内置插件(cli、markdown、separate-import、markdown-to-vue)
Vue
12
star
20

nutui-icons

nutui icons
HTML
11
star
21

nutui-docs

nutui vue & react & jdt 官网
Vue
10
star
22

jdc_fe_guide

规范 前端 FE JDC 前端开发部 开发 项目 最佳实践
JavaScript
7
star
23

mp-nutui

convert nutui components to miniProgram
Vue
7
star
24

webpack-upload-plugin

webpack upload plugin
JavaScript
5
star
25

separate-import

按需引入Nutui2.0组件,减小打包体积
JavaScript
5
star
26

yep-vue

yep vue UI component 组件
Vue
3
star
27

jdf-template-transform

velocity->smarty/trimpath模板转换包
JavaScript
3
star
28

SMock-core

SMock核心代码,支持webpack,SMock等途径的直接调用。
TypeScript
3
star
29

yg_server

云构平台-server
JavaScript
3
star
30

jdf-utils

jdf-base
JavaScript
3
star
31

jdiff

jdiff 本地 <===> 远程 对比工具
HTML
3
star
32

vue-nut-slider

Vue移动端滑动轮播组件
Vue
3
star
33

client-upload

use http or sftp to upload locale files
JavaScript
3
star
34

nutui-issue-helper

NutUI Issue Helper
Vue
3
star
35

jdf-log

jdf日志模块
JavaScript
2
star
36

pic_coordinate_pickup

📌在图片上标记坐标
JavaScript
2
star
37

nutui-taro

NutUI 对 Taro 的适配,包括 vue 和 react 两个技术栈的实现。
2
star
38

rocketact-scripts

TypeScript
2
star
39

jdf-extract-template

【jdf插件】抽取widget模板中的前端模板,以字符串形式置入js文件中
JavaScript
2
star
40

watermark

水印
JavaScript
2
star
41

yep-mp-cli

小程序组件库命令行工具
JavaScript
1
star
42

webgl-demo

WebGL相关demo
JavaScript
1
star
43

yep-mp

yep miniproject UI Components & Solutions
1
star
44

jdf-sass-old

只为兼容旧项目中,使用的老版本sass. 不赞成使用!!!
JavaScript
1
star
45

rockact-yep-react

yep-react demo project bootstrapped with rockact.
TypeScript
1
star
46

httpupload

server side for jdf output command usde in http mode
JavaScript
1
star
47

jdf-env-switch

【jdf插件】切换生产环境和开发环境
JavaScript
1
star
48

seajs-builder

seajs模块自定义构建id和deps
JavaScript
1
star
49

jdf-images

jdf-images
JavaScript
1
star
50

jdf-img-minify

JDF 图片压缩集成工具包
JavaScript
1
star
51

rocketact-plugin-butler

Rockectact plugin for legacy butler projects
JavaScript
1
star