首页 > 其他分享 >React使用Antd自定义主题报错

React使用Antd自定义主题报错

时间:2022-11-05 18:22:06浏览次数:66  
标签:自定义 less customize loader React cra 报错

安装包

  • "customize-cra": "^1.0.0",
  • "customize-cra-less-loader": "^2.0.0",
  • "less": "^4.1.3",
  • "less-loader": "^11.1.0",

修改config-overrides.js

const { override, fixBabelImports } = require('customize-cra')
const addLessLoader = require("customize-cra-less-loader")

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
    lessLoaderOptions: {
      lessOptions: {
        javascriptEnabled: true,
        modifyVars: {
          '@primary-color': 'orange'
        },
      }
    }
  }),
)

标签:自定义,less,customize,loader,React,cra,报错
From: https://www.cnblogs.com/fsgljk/p/16860796.html

相关文章