webbond-app

前端脚手架

初始化工程

index.js

	import App from 'webbond-app';
	import models from './models';
	import Routes from './routes'

	const app = new App();

	app.models(models);
	/*
		接收两个参数
		1. 路由
		2. 登陆后的 重定向 的地址
	*/
	app.routes(Routes, 'ncdIndex');
	// 创建 store
	app.initStore();
	const root = document.getElementById('root');
	app.start(root);

models

// models / index.js

import myReducer from './myReducer'
export default {
	myReducer
}

// models / myReducer.js
export default [
  {
    key: 'myReducer.matrix',
    action: 'aaa'
  },
  {
    key: 'myReducer.bankInfo',
    action: 'bbb'
  }
];

routes.js

import React from 'react';
import { Route } from 'react-router-dom';
import Main from './components/index';
import Detail from './components/detail';

export default [
	<Route key="ncdIndex" path={`/ncdIndex`} component={Main} />,
	<Route key="ncdIndex" path={`/ncdIndex`} component={Detail} />,
];

5-18

• 1. webbond-app 更名为 qb-web
• 2. 不再使用 antd
• 3. Vendor 去掉 Vendor 应该是由使用者来维护.
• 4.创建 lib 文件夹, 导出 公共模块 react react-dom fetch ... 使用者 [x] 在 webpakc 中配置 把 - 需要 的模块指向 node_moduls/webbond-app/lib/ ...
• 5.common 中 部分组件要去掉 (component,chartTheme, container, container)
• 6.client.config.js 配置部分的代码 改为让用户提供
• 7.styles.less 只保留 重写浏览器部分的 样式, 单独拿出 重写antd 的样式, 用户需要的时候在引入