umi项目配置之项目构建时配置umirc.ts

server/2024/10/18 19:27:12/

对于 umi 中能使用的自定义配置,你可以使用项目根目录的 .umirc.ts 文件或者 config/config.ts,值得注意的是这两个文件功能一致,仅仅是存在目录不同,2 选 1 ,.umirc.ts 文件优先级较高

umi 的配置文件是一个正常的 node 模块,它在执行 umi 命令行的时候使用,并且不包含在浏览器端构建中。

按照官网项目默认使用的是.umirc.ts,如果想要使用自己的配置,那么在根目录创建config/config.ts,并且删除.umirc.ts,不然还会读取.umirc.ts。

首先是关于umirc.ts文件的配置 也就是项目构建时配置

import { defineConfig } from '@umijs/max';export default defineConfig({antd: {},//antd配置access: {},//权限配置model: {},//数据流配置initialState: {},request: {},//请求配置layout: {//模板页配置title: '数据工厂',},routes: [//配置路由{path: '/',redirect: '/home',},{name: '数据源管理',path: '/home',routes: [{path: '/home',redirect: '/home/Index',},{name: '接口管理',path: '/home/Index',component: './Home',},{name: '数据库管理',path: '/home/dataBase',component: './DataBase',},]},{name: '权限演示',path: '/access',hideInBreadcrumb: false,component: './Access',},{name: ' CRUD 示例',path: '/table',component: './Table',},],npmClient: 'pnpm',
});

常用配置

要在非根目录下部署 umi 项目时,你可以使用 base 配置。

base 配置允许你为应用程序设置路由前缀。比如有路由 //users,设置 base 为 /foo/ 后就可通过 /foo//foo/users 访问到之前的路由。

browser history - 适用于支持 HTML5 history API 的现代浏览器

hash history - 适用于旧版浏览器,或者你想把 location 保存到 hash 部分,避免由于后端服务器不支持而报错

memory history - 把 history 保存在内存里,适合非浏览器环境,如 React Native 或测试时

插件配置,开启和使用插件需要在配置页面做插件配置


http://www.ppmy.cn/server/42117.html

相关文章

Unity TileMap入门

概述 相信很多同学学习制作游戏都是从2D游戏开始制作的吧,瓦片地图相信大家都有接触,那接下来让我们学习一下这部分的内容吧! unity组件入门篇总目录----------点击导航 Tilemap AnimationFrameRate:设置每帧动画的播放速率。Color:瓦片地图…

AlmaLinux 文件重命名 mv命令用法示例

AlmaLinux 文件重命名 在AlmaLinux中,您可以使用mv命令来重命名文件。这是一个简单的命令行实例,展示如何将文件oldname.txt重命名为newname.txt: mv oldname.txt newname.txt 如果您想批量重命名文件,可以使用脚本循环。例如&am…

【Qt C++实现蓝牙互联】

在 Qt C++ 中实现蓝牙互联可以通过 Qt 的蓝牙模块来实现。下面是一个简单的示例,演示如何在 Qt C++ 中使用蓝牙模块进行蓝牙互联,实现搜索设备、连接设备等功能。 // main.cpp #include <QCoreApplication> #include <QBluetoothDeviceDiscoveryAgent> #include…

Unity Animation--动画窗口指南(使用动画视图)

Unity Animation--动画窗口指南&#xff08;使用动画视图&#xff09; 使用动画视图 window -> Animation 即可打开窗口 查看GameObject上的动画 window -> Animation -> Animation 默认快捷键 Ctrl 6 动画属性列表 在下面的图像中&#xff0c;“动画”视图&am…

某票星球网图标点选验证码YOLOV8识别案例

注意,本文只提供学习的思路,严禁违反法律以及破坏信息系统等行为,本文只提供思路 如有侵犯,请联系作者下架 图标点选验证码大家都不陌生了,我们来看下数据集 引言与个人想法 先说结论,本文采用的方法能够达到99的准确率,效果图如下 做图标点选其实方法有很多,有的…

electron 视频抓图并保存图片到本地

1. 思路&#xff1a; 1.1 通过canvas生成一块画布&#xff0c;在画布上绘制图形 let videoEl document.getElementById("testVideo");let params {videoEl,quality:0.95}let canvasEl document.createElement(canvas);canvasEl.width videoEl.width;canvasEl.he…

Linux:配置客户端自定义autofs服务

Linux&#xff1a;配置客户端自定义autofs服务 修改autofs的主策略文件 [rootserver200 data]# vim /etc/auto.master# 修改内容如下 /misc /etc/auto.misc # 挂载目录的上级目录 /mnt /etc/auto.timinglee --timeout3修改autofs的自定义策略文件 [rootserver200 data]…

让《行列视》解放数据力量,提升业务洞察

在当今信息化浪潮下&#xff0c;数据已经成为企业发展的核心驱动力之一。如何更好地管理和利用数据&#xff0c;已成为企业发展过程中亟需解决的问题之一。而报表工具作为数据可视化和分析的利器&#xff0c;正逐渐受到企业的重视和青睐。 一、《行列视》作为报表工具的重要性…