創建項目： 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 是一個用於按需加載組件 ...