第一模块 学习课程
名称: 六大场景 梳理开发痛点 解锁前端进阶路
章节名称: 6-6 动态路由加载: Routes入口优化require.context
6-7 Koa综合应用
讲师: Brian
第二模块 课程内容
combineRoutes优化
require.context() 可以去传递目录进行搜索,还可以指定子目录和正则表达式
//import publicRouter from './publicRouter'
//改成加载目录中的router中间件
const moduleFiles = require.conterxt('./modules', true, /\.js$/)
移动router目录到modules文件夹里
//reduce方法去拼接 koa-combine-router所需的数据结构 Object[]
const modules = moduleFiles.keys().reduce((items, path) =>{
const value = moduleFiles(path)
items.push(value.default) //default里面才是router数据
return items
}, [])
export default combineRoutes(modules)
第三模块 课程收获
第一个轻量级koa应用,目录结构如下所示:
|-----package-lock.json
|-----package.json
|-----src
| |------api
|---userController.js
| |------index.js
| |------routes
| |------routes.js
| |------userRouter.js
|-----webpack.config.js
第四模块 学习打卡截图