接口引入

新接入的项目，我们可以很方便把API接口交给loder打理：

loder('userInfo', ['axios'], () => {
  const axios = loder.get('axios')
  return axios('//sample.com/user')
})

对于现有的项目来说，API繁多，这样的改动是非常繁琐的。一般来说，项目会以独立文件维护API：

// api.js
import axios from 'axios'

export const getUserInfo = () => axios('//sample.com/user')
export const getPost = () => axios('//sample.com/post')
...

// page.js
import { getUserInfo } from '@/api'
const { data } = await getUserInfo()

我们可以很方便地进行loder化：

// index.js
import * as api from '@/api.js'

Object.keys(api).forEach(key => {
  loder(key, api[key])
})

// page.js
const { data } = await loder.echo('getUserInfo')

简单地接入，便可将现有接口loder化，除了无需在每次使用额外地import api之外，loder提供便利的Hook对每一个请求性能进行记录跟踪，以便持续优化。