cf-ui-mobile

English | 简体中文

CF 移动端设计规范。

特性

• 基于 Club Factory Mobile 设计规范。
• 规则化的视觉样式配置，适应各类产品风格。
• 使用 TypeScript 开发，提供类型定义文件。

安装 & 使用

介绍

开发

master -> feature/fix -> release -> version -> master

$ npm run dev

官网开发: localhost:8001 组件开发: localhost:8002

版本

fix: $ npm version patch

feature: $ npm version minor

发布版本

$ npm run pub

打包

es、lib文件

$ npm run compile

官网打包

$ npm run build

npm link 本地联调, 以front-web为例

step 1

$ cd cf-ui-mobile $ npm link

这步操作是把cf-ui-mobile映射到全局， 形如：/Users/../lib/node_modules/cf-ui-mobile -> ./cf-ui-mobile

step 2

$ cd front-web $ npm link cf-ui-mobile

这步操作完成映射 形如：./front-web/node_modules/cf-ui-mobile -> /Users/../lib/node_modules/cf-ui-mobile -> ./cf-ui-mobile

step 3

这些操作完成后可能你的webpack loader会报错，例如：

{
  test: /\.(le|c)ss$/,
  loader: 'less-loader',
  include: [resolve('node_modules/cf-ui-mobile')],
},

因为现在组件的引用路径已经是cf-ui-mobile 与 front-web的相对路径了，修改如下：

{
  test: /\.(le|c)ss$/,
  loader: 'less-loader',
  include: [resolve('node_modules/cf-ui-mobile'), resolve('../cf-ui-mobile')],
},

step 4

修改 cf-ui-mobile 后 $ npm run compile