【九月打卡】第12天 动态路由加载以及Koa综合应用

第一模块 学习课程

名称: 六大场景 梳理开发痛点 解锁前端进阶路

章节名称: 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 

第四模块 学习打卡截图