create-react-app支持antd按需导入

news/2023/12/1 7:22:05
  • 按需加载配置
npm install react-app-rewired@2.0.2-next.0 babel-plugin-import --save
  • 在项目根目录下新建config-overrides.js
const { injectBabelPlugin } = require("react-app-rewired");
module.exports = function override(config, env) {
  config = injectBabelPlugin(
    [
      "import",
      {
        libraryName: "antd",
        libraryDirectory: "es",
        style: "css"
      }
    ],
    config
  );
  return config;
};
  • 修改package.json
"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
  }

即可完成antd组件按需导入


http://www.niftyadmin.cn/n/3566057.html

相关文章

屏幕录像

//抓取指定矩形void CMainWnd::CaptureRect(HDC hdcScreen,LPRECT prc,BOOL bFullScreen){ HDC hdc CreateCompatibleDC(hdcScreen); HBITMAP hbmp CreateCompatibleBitmap(hdcScreen,prc->right - prc->left, prc->bottom - prc->top); SelectObject(h…

MySQL批量修改数据表和数据表中所有字段的字符集

由于Mysql的utf8是有缺陷的,不是真正的UTF-8,utf8mb4才是真正的UTF-8。 对于一些老的项目要修改字符集,可以参照我的另外一篇文章: MySQL数据库字符集utf8如何转utf8mb4 https://blog.csdn.net/vfsdfdsf/article/details/8967…

eclipse 复制原项目工作空间

eclipse 复制原项目工作空间 具体步骤: 1.首先把你需要升级的eclipse 下载并解压 2.解压好后,右击 3.进入后你能看到这样一个页面 4.我的安装路径D:\work\Eclipse\eclipse\eclipse.exe 在后面加上这样一句话 -data D:\webProject\trad(这个就是你老版eclipse 的原工…

在C#中实现打印功能(C#中PrintDialog,PrintDocument的使用)

在C#中使用PrintDialog可以很方便的实现程序的打印功能。 其步骤如下: 创建一个PrintDialog的实例。如下: System.Windows.Forms.PrintDialog PrintDialog1new PrintDialog (); 创建一个PrintDocument的实例.如下: System.Drawing.Printin…

逻辑回归推导以及代码

本文包含逻辑回归推导过程以及Python实现的代码 最终要求得一条曲线将图上的两类点分开 假设这条曲线为 1*w0 x1*w1 x2*w2 0 预测的概率函数为\[ f(W) \frac{1}{1 e^{-XW}} \] \[ \begin{align*} \theta & X * W \\ f(\theta) & \frac{1}{1 e^{-\theta}} \\ \fra…

基于单文档的VC程序中嵌入对话框实现界面布局

创建单文档的程序时,最后一步基类选择CFormView对话框放置于void CTest3View::OnInitialUpdate(){CFormView::OnInitialUpdate();GetParentFrame()->RecalcLayout();ResizeParentToFit();CDlgUserList* pDlgUserList; pDlgUserList new CDlgUserList(this); pDl…

linux集群之LVS入门和企业级实战(续二)

三、LVS 持续性连接LVS的持久连接:持久连接即是不考虑LVS的转发方法,确保所有来自同一个用户的连接转发到同一个RealServer上。lvs持久连接适用于大部分调度算法。当某一种请求需要定向到一个real server 时,就要用到持久连接一般应用到&…

linux系统 git修改账号密码

在服务端执行 vi ~/.git-credentials,可以看到被保存的账号密码,删掉或者修改都可以了! eg:http://账号:密码git仓库http地址 其他: 使用git --version查看版本。 设置用户名和email name后面是名字 email后面是登录账号 git …

C#枚举系统安装的所有打印机

最近在论坛中不少网友问"如何把Windows安装的所有打印机列出来",在下面的程序中我们将把系统中所安装的打印机用列表框列出来,同时为默认打印机设置缺省值。 在下面的程序中我们用到了两个主要的类,把所有的打印机列表出来用到了Pr…

百度红包预热活动被封锁

2019独角兽企业重金招聘Python工程师标准>>> 今年百度和2019年“春节联欢晚会”达成独家互动合作,春晚大家可以用包括百度app在内的多款百度系app来抢红包。 作为预热,昨天百度app启动了“集好运分1亿”、团圆红包场场百万和春晚当天分9亿预热…

V C中全屏幕显示单文档程序

以下代码实现在单文档程序中进入全屏和退出全屏。 在CMainFrame中增加三个成员变量:WINDOWPLACEMENT m_OldWndPlacement;CRect m_FullScreenRect;BOOL m_bFullScreen; void CMainFrame::OnFullScreen() { // TODO: Add your command handler code here GetWindowPlacement(&…

Stripe国际支付简介及API对接

文章目录 一、了解Stripe支付 二、Stripe注册流程 三、Stripe API 特点 3.1 Apikey 3.2 Idempotent Requests 幂等请求 3.3 两种付款方式 四、Stripe 支付核心API 4.1 Token 4.2 Customer 4.3 Card 4.4 S…

CSS预编译是什么?

背景:大厂的任职要求里还有一条是:熟悉使用Sass.Less等CSS预编译工具。学习一样东西的第一步就是首先知道它是什么 CSS预编译工具 有人开发了一些扩展CSS功能的写法,比如less,sass,其目的是让css能支持一些编程语言才有的功能,比如…

(五)归一化

之前已经看到了用直方图来显示数据集的重要性,以便分析图表形状,我们想要分析该形状,这样就可以严谨地思考平均值、中位数和众数并描述数据集,在偏态分布中平均值、中位数和众数各不相同,在很多情况下,中位…

单、多文档窗口两种最大化启动方法

1. 在CMainFrame类的虚函数ActivateFrame中最大化启动, 通常如下void CMainFrame::ActivateFrame(int nCmdShow) {// TODO: Add your specialized code here and/or call the base classCFrameWnd::ActivateFrame(nCmdShow); }2. 在CXXApp中, InitInstance()函数末…

在AWS的EC2上创建root用户,并使用root用户登录

今天开始研究亚马逊的云主机EC2,遇到了一个问题,我需要在EC2上安装tomcat,但是yum命令只能是root用户才可以运行,而EC2默认是以ec2-user用户登录的,所以需要切换到root用户登录,特将研究成果公布如下&#…
最新文章