老莫的笔记本  
  
请选择 进入手机版 | 继续访问电脑版
查看: 785|回复: 0

Umijs 目录分配

[复制链接]

662

主题

878

帖子

5115

积分

超级版主

Rank: 8Rank: 8

积分
5115
发表于 2020-9-11 16:08:30 | 显示全部楼层 |阅读模式
文件详解mock文件
存放mock.js,默认开启mock功能,可在.env文件中关闭: MOCK=none
src
所有与项目相关代码存放在src文件之中
src/assets
存放静态资源,例如图片文件、字体文件等
src/components
存放全局通用组件
src/layouts
全局布局,如果该文件夹下有index.(js|tsx)会在所有路由外面嵌套一层路由
例如之前路由为
[  { path: '/', component: './pages/index' },  { path: '/users', component: './pages/users' },]
嵌套之后为
[  { path: '/', component: './layouts/index', routes: [    { path: '/', component: './pages/index' },    { path: '/users', component: './pages/users' },  ] }]
可在index文件中进行全局布局,或者根据pathname修改不同路由下的布局
src/models
全局models,如果有一个以上的页面会使用相同namespace空间内的代码,请将models文件放在此处,不然两个页面之间做交互时,
namespace中的代码会产生影响
src/styles
存放通用样式,如果想覆盖全局样式可在global.(css|less|sass|scss)进行修改,此文件不走 css modules,且会自动被引入。
或者在app.(js|ts)中导入样式文件
src/services
存放全局通用请求
src/utils
存放通用方法
src/pages/.umi
这是 umi dev 时生产的临时目录,默认包含 umi.js 和 router.js,有些插件也会在这里生成一些其他临时文件。可以在这里做一些验证,但请不要直接在这里修改代码,umi 重启或者 pages 下的文件修改都会重新生成这个文件夹下的文件。
该文件下的router.js可查看自动生成的路由
src/pages/...
项目页面文件,在不同文件中创建的components、models、services文件最好只在该页面中使用,可使项目结构变得更加清晰
tests
该文件为测试脚本文件,不会生成路由配置,如果需要使用mock测试,可以在外部mock文件中或者在该文件下创建__mock__文件


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表