资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

antd如何配置config-overrides.js文件-创新互联

antd如何配置config-overrides.js文件?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

成都创新互联是专业的淮阴网站建设公司,淮阴接单;提供成都网站设计、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行淮阴网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

下载antd 包

npm install antd

下载依赖包(定义组件按需求打包)

npm install react-app-rewired customize-cra babel-plugin-import

自定义less-loader,改变antd默认样式

npm install less less-loader

根目录定义加载按需打包的js配置模块: config-overrides.js

const {override,fixBabelImports,addLessLoader} =require('customize-cra');
module.exports = override(
 // 针对antd 实现按需打包:根据import来打包 (使用babel-plugin-import)
 fixBabelImports('import',{
  libraryName:'antd',
  libraryDirectory:'es',
  style:true,//自动打包相关的样式 默认为 style:'css'
 }),
 // 使用less-loader对源码重的less的变量进行重新制定,设置antd自定义主题
 addLessLoader({
  javascriptEnabled: true,
  modifyVars:{'@primary-color':'#1DA57A'},
 })
);

本文名称:antd如何配置config-overrides.js文件-创新互联
网址分享:http://cdkjz.cn/article/cdhjes.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220