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

  • Z时代
  • 2024-01-10
  • 分类：综合

react

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

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-主题 的全部内容， 来源链接： utcz.com/z/382441.html

回到顶部