创建项目： npx create-react-app demo cd demo npm start　　 引入antd： yarn add antd import React from "react"; import Button from "antd/es ...

使用 create-react-app 脚手架创建项目后，默认是不支持 less 的。所以我们需要手动添加。 第一步 暴露webpack配置文件 使用 create-react-app 创建的项目，默认情况下是看不到 webpack 相关的配置文件，我们需要给它暴露出来，使用下面命令即可 ...

一、antd的按需引入+自定义主题 1.安装依赖： npm install react-app-rewired customize-cra babel-plugin-import less less-loader antd 2.修改 ...

一.React中使用antd 1.下载antd包 npm i antd -S 2.按需引入 3.使用组件 4.效果 二.修改react默认配置 打开一个react项目，我们看到的 create-react-app 生成的默认目录结构 ...

背景：React使用create-react-app脚手架创建，然后yarn run eject暴露了配置之后修改less配置， 需求：实现antd组件按需加载与修改主题。 一开始是按照webpack.config.dev.js文件中的配置进行less的配置。 可以看到脚手架创建 ...

yarn run eject ->~ yarn create react-app my-app ->~ cd my-app ->~ yarn run eject | npm run eject ...

webpack配置 webpack.config.dev.js， webpack.config.prod同理。 package.json antd配置 ...

babel-plugin-import# babel-plugin-import 是一个用于按需加载组件 ...