Dva 创建项目（基于React）

一、全局安装 Dva 脚手架工具

官网

npm install dva-cli -g

安装成功后，可以通过以下命令查看脚手架的版本（确保版本是 0.9.1 或以上）：

dva -v

dva-cli version 0.10.1

二、创建 Dva 项目

在终端中定位到需要创建项目的路径，然后执行以下命令创建 Dva 项目：

dva new dva-demo

通过以下命令启动项目：

npm start

三、引入 antd

1、下载依赖包

npm install antd babel-plugin-import --save
babel-plugin-import 是用来按需加载 antd 的脚本和样式的。

2、基本配置

编辑 .webpackrc，使 babel-plugin-import 插件生效。

{
    "extraBabelPlugins": [
        ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
    ]
}

3、主题色配置

{
    "extraBabelPlugins": [
        ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": true }]
    ],
    "theme": {
        "primary-color": "#123456"
    }
}

4、下载 less

如果我们自己也需要通过 less 去设置 css 样式，需要下载 less 相关依赖包：

npm i less less-loader@5.0.0
yarn add less less-loader@5.0.0