首页 > 其他 > 详细

react环境初始化配置antd-主题

时间:2020-07-15 15:51:05      阅读:212      评论:0      收藏:0      [点我收藏+]

先初始化各种依赖包,可选,不需要的删除

npm install react-router react-router-dom less less-loader antd react-redux --save

一般 import ‘antd/dist/antd.css‘ 引入

 

antd高级引入-按需加载

1.安装craco

npm install @craco/craco --save

 安装less

npm install craco-less --save

 

2.修改package.json

技术分享图片

 

 3.增加配置文件craco.config.js

const CracoLessPlugin = require(‘craco-less‘);

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { ‘@primary-color‘: ‘#1DA57A‘ },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};

最后把import ‘antd/dist/antd.css‘

改成import ‘antd/dist/antd.less

重新启动按钮变颜色即可

 

react环境初始化配置antd-主题

原文:https://www.cnblogs.com/ll15888/p/13305352.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!