mock-request-loader
a webpack loader can merge mock data and request api smoothly
开始
安装loader
$ npm install mock-request-loader --save-dev创建*.mock.req.js文件
在*.mock.req.js的api方法上添加注解@mock(), 注入mock数据
/**
*
* 查询用户列表
* @return: {Promise} 包含用户列表的promise
*
*/
@mock({
code: 1,
data: {
list: [{ id: 1, name: 'bibidu' }]
}
})
function getUser() {
return http.get('/user')
}
配置webpack loader并开启mock(req文件使用到某些js特性需通过babel-loader进行后续编译)
module: {
rules: [{
test: /\.req$/,
use: [
{ loader: 'babel-loader' },
{
loader: "mock-request-loader",
options: {
mock: true
}
}
],
}]
}