Skip to content

linfeng008/fde-cli

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FDE 工具

####主要特点

  • webpack2 koa 基于命令任务控制的 前端(Front end )开发(Development)环境(Environment)

安装

npm install -g fde-cli
  • mac if error sudo npm install -g fde-cli

使用过程

 mkdir fdetest && cd fdetest
 fde init(初始化项目 )
 fde init com(初始化组建开发项目)

 fde start(开启项目)
 fde build(打包)
 fde test (自行实现)
 fde publish (自行实现)
 ...(自行实现)

命令使用

  • fde start [p/name]--某页面 开启项目
  • fde build [p/name]--某页面打包项目
  • fde init [url?] 项目初始化 后面参数实现自定义初始化
  • 项目使用
  • fde data [name][type?]
  • fde p [name] 创建页面
  • fde c [name] 创建components
  • PORT=4000 fde start 修改端口
  • PAGE=index fde start 指定打包页面

fde 组件目录

      m-xxx            // 目录名, 小写, 多字符用 – 分隔
         |-----mock      // 模拟数据文件
         |-----build    // 用于存放需要cdn发布的文件
         |-----test     // 单元测试放的目录
         |-----lib    // 转es6代码
         |----- demo  //demo文件
         |      |--- index.css
         |      |--- index.html
         |      |--- index.js
         |-----src
         |      |--- mod
         |      |--- index.js //主入口文件
         |      |--- index.css
         |-----README.md    // 用于介绍项目文档
         |-----fde.config.js     //配置文件

项目目录规范

  m-xxx            // 目录名, 小写, 多字符用 – 分隔
     |-----mock      // 模拟数据文件
     |-----build    // 用于存放需要cdn发布的文件
     |-----test     // 单元测试放的目录
     |-----src
     |      |---c    //项目通用组件
     |      |   |---util//项目js 共用文件夹
     |      |   |     |------index.js  //项目通用js模块
     |      |   |     |------apimap.js //项目url api 管理模块
     |      |   |---css//项目css 共用文件夹
     |      |   |     |------common.less  //项目通用less模块
     |      |   |     |------reset.less //页面重置less
     |      |   |---index// index 项目通用组件
     |      |   |     |------index.js  //
     |      |   |     |------index.jsx.html  //
     |      |   |     |------index.less  //
     |      |---p   //业务代码
     |      |   |---index//index 页面目录
     |      |   |     |------lib  //页面其他模块
     |      |   |     |------index.html //页面主页面html
     |      |   |     |------index.js //页面js入口
     |      |---images  //图片目录copy
     |      |---fonts  //font目录字体copy   
     |      |---static //static目录静态资源copy
     |-----README.md    // 用于介绍项目文档
     |-----fde.config.js     //  配置文件
   

默认打包约定

['src/p/*/index.js','src/images/**','src/fonts/**','src/static/**']

About

react-com-toolkit

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 91.9%
  • CSS 4.7%
  • HTML 3.4%