Java教程

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

本文主要是介绍【九月打卡】第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$/)

https://img1.sycdn.imooc.com/6324917c0001f85503230222.jpg

移动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 


第四模块 学习打卡截图

https://img4.sycdn.imooc.com/6324908100011b7414500817.jpg

这篇关于【九月打卡】第12天 动态路由加载以及Koa综合应用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!