1.0.0 • Published 6 years ago

flowpp-ui v1.0.0

Weekly downloads
3
License
MIT
Repository
github
Last release
6 years ago

f2e-server demo project

使用 f2e-server 构建的简易 React 项目脚手架 主要技术栈包括 react react-router immutable, 模块化方案基于 requirejs

Special list

项目主要特点包括: 1. 内置基于 immutable 实现了一个简易版本的 react-redux static-API: - dispatch(state=>state) - getState() - connect(mapStateToProps)(Component) 2. 项目配置简单, 所有配置参见: .f2econfig.js 3. 基于Typescript可以做到前后端接口同构开发 4. 不做模块解析,虽然给模块引入带来不便,但提高了构建速度 5. 提供了一些基本的服务端接口模拟方式,包括 json/jsonp/server-sent

Download and Start

git clone https://github.com/shy2850/f2e-demo
cd f2e-demo
npm install
npm start

f2e-server utils

f2e-server 常用功能 1. 通过 $include[filePath] 引入文本资源,所有第三方库都是通过这个方式引入 - 如 $include[immutable.js] 同目录存在 .min文件,build模式下自动加载 .min文件 - 不存在时可以使用 $include[react.development.js][react.production.min.js] 表示 2. 模板引擎 在配置中添加 middlewares: [{middleware: 'template'}] 可以开启lodash模板引擎支持在任意文本资源中使用<%-JavaScript代码%> 3. 参考 serve/index.ts 书写服务端接口,方便前端使用 4. 如果需要直接代理某服务端接口,还可以从这里找 proxy https://github.com/shy2850/f2e-middleware

Typescript

项目主要使用 Typescript 构建

  • 前后端代码均使用 interface.ts 作为顶层接口文件, 同构开发。
  • 前端代码目录为 src
    1. 通过 f2e-middle-typescript使用配置文件 tsconfig.json, 并设置了 getModuleId 用来为所有模块添加唯一ID
    2. 建议: 不需要进行jsx编译的文件使用 .ts后缀 否则使用 .tsx
  • 服务端代码目录为 serve
    1. serve端代码通过 tsc(typescript-cli) 编译, 参见 package.json scripts.tsc
    2. 代码运行时输出目录为: dist

END

正则是需要的