【react】react创建项目与引入AntD组件库：

---

一、初始化项目：

【1】创建项目

npx create-react-app xxx //xxx为项目名称

【法一】

【1】暴露项目配置文件

npm run eject

【2】安装依赖

npm i react-router-dom axios -D

yarn add less [email protected] -D

【3】配置less

复制sass的，改成less

【法二】

const CracoLessPlugin = require('craco-less');
const path = require('path')
const resolve = (dir) => path.resolve(__dirname, dir)

module.exports = {
  plugins: [{
    plugin: CracoLessPlugin,
    options: {
      lessLoaderOptions: {
        lessOptions: {
          // less  modifyVars=>全局配置
          modifyVars: { '@primary-color': '#1DA57A' },
          javascriptEnabled: true,
        }
      }
    }
  }],
  webpack: {
    alias: {
      '@': resolve('src'),
      '@api': resolve('src/api'),
      '@assets': resolve('src/assets'),
      '@components': resolve('src/components'),
      '@views': resolve('src/views'),
    }
  }
};

二、快捷键：

【1】rcc+tab

三、安装AntD组件库：

【1】安装

npm install antd --save

【2】index.js

【3】问题：

【解决办法】：http://t.csdn.cn/dlh8U

【4】效果：