文件详解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__文件
|