umi3使用ant design landing
创建umi3项目
使用node16
1.创建一个空文件夹
mkdir myapp && cd myapp
2.使用@umijs/umi-app创建项目
npx @umijs/create-umi-app
3.安装依赖
npm i
4.降低antd版本
npm uninstall antd
npm install antd@4.0.1
5.将从 landing 上下载的 Home 文件包和 pages 放至 src 文件包里
│── src
│ │── Home
│ │── less
│ │── index.js
│ └── ...
│ └── pages
│ │── index.js
│ │── index.less
6.安装依赖
npm install antd enquire-js rc-queue-anim rc-scroll-anim rc-tween-one --save;
npm install rc-banner-anim --save;// 如果用的是多屏滑动型的 banner，加上这条;
npm install @ant-design/compatible@1.0.1 --save;// 如果使用了 Content7 模块，请加上这条;
7.调整less文件
将 less/custom.less 里的 @import "~antd/lib/style/themes/default.less"; 更换成@import "~antd/lib/style/index.less";