Ant Desing Pro config文件浅析

学习不会停

于 2023-04-10 12:41:50 发布

阅读量439

点赞数

CC 4.0 BY-SA版权

分类专栏： React 文章标签： docker etcd

本文链接：https://blog.youkuaiyun.com/yyy_react/article/details/130057282

本文分析了Ant Design Pro的config文件，包括process.env获取Node进程信息，defineConfig的设置如hash、antd、dva、dynamicImport、targets、theme和manifest。config文件用于配置项目构建、浏览器兼容性和主题等。routes部分讨论了布局文件的加载逻辑，如UserLayout、SecurityLayout和BasicLayout，允许自定义布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）process.env

process是node的一个全局模块，可以用它来得到node进程的一些相关信息，比如环境变量

（2）defineConfig

hash

配置是否让生成的文件包含 hash 后缀，通常用于避免浏览器加载缓存。

antd

整合 antd 组件库

antd: {
     
     
    dark: true, // 开启暗色主题
    compact: true, // 开启紧凑主题
},

dva

整合 dva 数据流

dva: {
     
     
    immer: true, // 表示是否启用 immer 以方便修改 reducer
},

dynamicImport

是否启用按需加载，即是否把构建产物进行拆分

 dynamicImport: {

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

学习不会停

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue Ant Design Pro 中定制主题

wanghuan1020的博客

08-20

2455

Vue Ant Design Pro 中定制主题需求定制主题去除“正在切换主题”过渡效果需求项目要求使用草绿色的主题色并且去除如下的loading效果定制主题这里可以参照 Ant Design Pro of Vue 官方文档哦定制方式是使用 less 的 modifyVars 的方式进行覆盖变量官方文档已经给出了 webpack 、vue cli 2 以及 vue cli 3 三种不同场景下主题的定制方式。这里不再过多赘述 vue cli 3 下定制主题方式如下：项目根目录下修

antd Pro系列之文件结构

ryan_dr的博客

12-30

2517

antd Pro文件结构项目的文件结构直接干活走起~ -config // 配置文件 --config.js // 路由定义文件&&代理路径文件 --defaultSettings.js // 主题颜色以及标题配置文件 --plugin.config.js // 没怎么用过的配置...

1 条评论您还未登录，请先登录后发表或查看评论

Ant Design Pro -- 03config@20210331

Dyoner013

03-31

440

config/config.js export default { base: '/web/', //部署到非根目录时才需配置 targets: { //配置浏览器最低版本,比如兼容ie11 ie: 11 }, hash: true, //开启打包文件的hash值后缀 treeShaking: true, //去除那些引用的但却没有使用的代码 plugins: [ [ 'umi-plugin-react', { antd: t

Ant design pro使用(二):配置路由

好气嗷，但仍要保持微笑!

11-09

2930

ant design pro的路由配置在 config/config.ts 中 pages中创建组件 2.配置路由 //import {BasicLayout,UserLayout} from '@/layouts'//这种方法会报错不能识别@/layouts模块 rotes:[ { path:'/user', component:'../layouts/UserLayout',//如果不使用模板 layout:false routes:[

Ant Design Pro引入自定义主题及在主题文件中配置背景图片

热门推荐

虚怀若愚

12-16

1万+

文章目录前言分析修改和引入主题文件在主题文件中配置背景图片前言开发环境：Ant Design Pro: 2.0 官方文档：定制主题 Ant Design Pro官方提供了黑色主题和阿里云控制台主题，可以参考文档直接使用。项目需求：前端主题根据应用场景灵活匹配，在一个主题文件里能修改所有属性。背景图片可以在主题文件中定制。分析 2.0版本的Ant Design Pro默认主题路...

how to implement multiple tabs in ant desing pro

05-09

To implement multiple tabs in Ant Design Pro, you can use the `Tabs` component provided by Ant Design. Here are the steps: 1. Import the `Tabs` component from Ant Design: ``` import { Tabs } from ...

【React 之 Ant Design Pro V4使用】

qq_44385678的博客

05-11

273

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 React 之 Ant Design Pro V4使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、React.FC<>是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文

Ant Design pro路由菜单标签页插件使用

闪电⚡之王的博客简介

07-17

1171

Ant Design Pro 路由菜单标签页历史

antdesignpro 重定向到登录页面_Springboot登录cookie和session拦截案例

weixin_39598308的博客

11-20

1032

一、前言1、简单的登录验证可以通过Session或者Cookie实现。2、每次登录的时候都要进数据库校验下账户名和密码，只是加了cookie 或session验证后；比如登录页面A，登录成功后进入页面B，若此时cookie过期，在页面B中新的请求url到页面c,系统会让它回到初始的登录页面。(类似单点登录sso(single sign on))。3、另外，无论基于Session还是Cookie的登...

ant design pro动态菜单

10-08

自己写的ant design pro动态菜单，不足请指正，互相学习借鉴！

Ant Design Pro 修改主题设置

闪电⚡之王的博客简介

07-10

3298

Ant Design Pro修改标题logo图标主题等设置

Ant design 使用nginx部署

w345731923的专栏

07-28

1189

环境： Ant design Pro：v5 ts nginx：1.21.0 详情参考Ant design Pro 部署篇：https://pro.ant.design/zh-CN/docs/deploy 官方推荐使用默认的browserHistory和nginx 使用browserHistory则需要服务器做好处理 URL 的准备，处理应用启动最初的/这样的请求应该没问题，但当用户来回跳转并在/users/123刷新时，服务器就会收到来自/users/123的请求，这时你需要配置服...

ant design pro v5 - 03 动态菜单动态路由（配置路由动态登录路由登录菜单）

haiyabtx

10-17

1万+

React + TypeScript + Ant Design Pro V5.2 开箱即用的中台前端/设计解决方案。动态菜单动态路由（配置路由+动态登录路由）

ant-design-pro项目开发全攻略（用这个做博客网站模板不要太快，一招鲜吃遍天）

在下月亮有何贵干

03-01

9917

打算做一个个人网站，新建umi项目的时候发现了ant-design-pro这个项目模板，打开一看貌似挺有用，记录一下一步步探索的开发攻略，包括如何修改主题内容、添加路由新页面，以及将md文档文件插入页面（用于博客网站制作）。

antd pro(V5) 配置自定义路径

qq_27175079的博客

01-21

2785

之前想配置一个公共模块的别名，不想使用"…/…/…/…/"这样的路径，由于没有看官方文档，直接去社区或者搜索引擎里找，没有找到方法。今天我心血来潮看了一下文档，发现它是有办法修改的之前一直都是自己瞎折腾，在tsconfig.json里面配置，其实应该在config/config.ts里配置，找对了方法实现就不难了。主要要改两个地方： 1.config/config.ts import path from 'path'; export default defineConfig({ alias: {

Ant Design Pro学习记录—默认主题配色修改

岁月佳醉的博客

08-11

6637

Ant Design Pro默认主题配色修改

Ant Design Pro 整理

lhb_11的博客

10-31

466

1. 目录结构 ├── config # umi 配置，包含路由，构建等配置 └── config.js # 基础配置，包含路由配置 └── defaultSettings.js #项目的默认配置文件 └── plugin.config.js # ├── mock # 本地模拟数据 ├── publi...

我常用的ant配置文件

weixin_33946605的博客

07-04

build.xml如下： <?xml version="1.0" encoding="UTF-8"?> <project name="yybar" basedir="." default="build"> <!--Load properties file <property file="bui