亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【九月打卡】第12天 動態路由加載以及Koa綜合應用

標簽:
webpack

第一模块 学习课程

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

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

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
JAVA開發工程師
手記
粉絲
0
獲贊與收藏
0

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消