umi(level 3)
文章平均质量分 88
umi
谁诉离殇~
菜鸟前端,学习笔记
展开
-
四、umi配置
这里主要是umi和webpack系列的配置。这些都是在config/config.js里面配置的一、基本配置(1)plugins: 配置插件列表类型Array,默认值[]介绍:数组项为指向插件的路径,可以是 npm 依赖、相对路径或绝对路径。如果是相对路径,则会从项目根目录开始找。如果插件有参数,则通过数组的形式进行配置,第一项是路径,第二项是参数export default { plugins: [ // 有参数 [ 'umi-plugin-r.原创 2022-02-13 13:20:29 · 5240 阅读 · 0 评论 -
三、mock与umi-plugin-react插件
一、Mock 数据umi 里约定 mock 文件夹下的文件或者 page(s) 文件夹下的 _mock 文件即 mock 文件。这个mock数据,默认导出的结果,前面为请求方式和请求的url,后面的为返回前端的结果。结果可以是函数,也可以是对象关闭mock:直接返回mock:false,就可以关闭mock了。如果是用的ant design pro那么直接运行命令的时候就可以关闭mock注:返回值为函数的时候就很灵活,函数里面就相当于在写java代码一样(只不过还是js语法),可以设置原创 2022-02-13 13:16:38 · 1253 阅读 · 0 评论 -
二、umi路由
一、路由路由有三种方式,分别是,约定式路由(即文件路由,根据文件名自动配置)、编译时配置式路由(config/config.js中配置)和运行时配置式路由(src/app.js中配置)1、约定式路由注意:若 .umirc.(ts|js) 或 config/config.(ts|js) 文件中对 router 进行了配置,约定式路由将失效、新添的页面不会自动被 umi 编译,umi 将使用编译时配置式路由约定式路由也叫文件路由,就是不需要手写配置,文件系统即路由,通过目录和文件及其命名分析出原创 2022-02-13 13:16:12 · 6484 阅读 · 1 评论 -
一、umi介绍与文件结构
简单说umi就是提供一个脚手架和路由,相当于vue-router的加强版。v^2.8.7一、介绍umi,中文可发音为乌米,是一个可插拔的企业级 react 应用框架。umi 以路由为基础的。内置 react、react-router 等(所以用umi是不用再引入这两个东西了),umi-plugin-react插件也内置了react-dom,与 dva 数据流的深入融合umi等于roadhog(基于 webpack 的封装工具,目的是简化 webpack 的配置) + 路由 + HTML 生成.原创 2022-02-13 13:15:21 · 3644 阅读 · 0 评论