dva学习---多个model的注册简写

在入口文件的index.js中，如下面的model中所示，如果有许多个，就会显得特别的臃肿，所以这里采用一个方法简写

import dva from 'dva';
import './index.css';

// 1. Initialize
const app = dva();

// 2. Plugins
// app.use({});

// 3. Model
app.model(require('./models/example').default);
app.model(require('./models/a').default);
app.model(require('./models/b').default);
app.model(require('./models/c').default);
app.model(require('./models/d').default);
app.model(require('./models/e').default);
app.model(require('./models/f').default);
app.model(require('./models/g').default);

// 4. Router
app.router(require('./router').default);

// 5. Start
app.start('#root');

使用 webpack 的 require.context 来初始化多个 model。

步骤一：在model文件夹下创建一个index.js来。这个index会获取除了本身的这个index.js其他所有model，然后统一导出：

    

步骤二：在入口文件的index.js中

import dva from 'dva';
import './index.css';

// 1. Initialize
const app = dva();

// 2. Plugins
// app.use({});

// 3. Model 下面也是采用遍历key获取到所有的model，避免了臃肿的代码
require('./models').default.foreach(key => app.model(key.default))
// app.model(require('./models/example').default);
// app.model(require('./models/a').default);
// app.model(require('./models/b').default);
// app.model(require('./models/c').default);
// app.model(require('./models/d').default);
// app.model(require('./models/e').default);
// app.model(require('./models/f').default);
// app.model(require('./models/g').default);

// 4. Router
app.router(require('./router').default);

// 5. Start
app.start('#root');