zoukankan      html  css  js  c++  java
  • antd----react css框架

    安装  npm install antd --save

    1.安装依赖:npm install react-app-rewired customize-cra babel-plugin-import less less-loader
                2.修改package.json
                        ....
                            "scripts": {
                                "start": "react-app-rewired start",
                                "build": "react-app-rewired build",
                                "test": "react-app-rewired test",
                                "eject": "react-scripts eject"
                            },
                        ....
                3.根目录下创建config-overrides.js
                        //配置具体的修改规则
                        const { override, fixBabelImports,addLessLoader} = require('customize-cra');
                        module.exports = override(
                            fixBabelImports('import', {
                                libraryName: 'antd',
                                libraryDirectory: 'es',
                                style: true,
                            }),
                            addLessLoader({
                                lessOptions:{
                                    javascriptEnabled: true,
                                    modifyVars: { '@primary-color': 'green' },
                                }
                            }),
                        );
                    4.备注:不用在组件里亲自引入样式了,即:import 'antd/dist/antd.css'应该删掉
                     import { Button,DatePicker } from 'antd';
                     import {WechatOutlined,WeiboOutlined,SearchOutlined} from '@ant-design/icons'
                     const { RangePicker } = DatePicker;
  • 相关阅读:
    [bzoj 4199][NOI 2015]品酒大会
    [bzoj 5332][SDOI2018]旧试题
    「PKUWC2018」猎人杀
    「PKUWC2018」Minimax
    正规消息发送器-- ESFramework 4.0 进阶(06)
    在线用户管理--ESFramework 4.0 进阶(05)
    ESFramework 4.0 进阶(04)-- 驱动力:通信引擎(下)
    驱动力—— 通信引擎(上)—— ESFramework 4.0 进阶(03)
    核心梳理——消息处理的骨架流程——ESFramework 4.0 进阶(02)
    重登陆模式 --ESFramework 4.0 快速上手(07)
  • 原文地址:https://www.cnblogs.com/sunmarvell/p/14454121.html
Copyright © 2011-2022 走看看