
【九月打卡】第21天 React开发个人博客+Serverless配置
第一模块 学习课程
名称: 六大场景 梳理开发痛点 解锁前端进阶路
章节名称: 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
第四模块 学习打卡截图
共同学习,写下你的评论
暂无评论
作者其他优质文章
【九月打卡】第21天 React开发个人博客+Serverless配置
【九月打卡】第20天 前端技术展望&后续学习路线
【九月打卡】第18天 多端应用需求分析难点解析
【九月打卡】第16天 初步认识ESLint
【九月打卡】第15天 缺陷控制概念以及最佳实践
【九月打卡】第14天 项目开发团队协作-Git
【九月打卡】第13天 文档管理工具
举报