zoukankan      html  css  js  c++  java
  • antd 主题色

    如果是自己配置的reac项目,而非官方推荐的creat-react-app或者dva-cli等阿里自己开发的脚手架去引入antd,会有两个问题

    第一,用babel-plugin-import设置style true 并不能通过less的方法引入antd 的样式。只能自动引入css。需要手动去引入less文件导入样式。

    第二,既然无法自动按需引入less文件也就无法去改主题色,即使手动引入全局的antd,去改 primary-color 也不能生效。

       即使在loader 添加options{"modifyVars":{ "@primary-color": "#1DA57A"}},用less 的modifyVars 去修改,依然无法对antd生效。

    解决方案:1.使用 react-app-rewired (一个对 create-react-app 进行自定义配置的社区解决方案)并修改 启动配置。

         2.引入 react-app-rewire 的 less 插件 react-app-rewire-less 来帮助加载 less 样式

    如果比较笨的方法就是在node_modules 将antd提取出来,在自己的src里面修改引入

    另外有其他的解决方案,可以通过antd-init 中修改

    后记:把antd升级到最新稳定版 3.5.1后 在.babelrc 设置style true 竟然生效了。(原来设置style css 可以生效)但是配置less-loader 添加options主题色依然无效,奇怪的是如果在模块里面

    随便引入一个 style 例如 import 'antd/lib/layout/style'; 主题色生效了,注释掉则依然无效,费解。

    Typescript 引入antd (react-scripts-ts-antd)

    js 中用babel 引入

  • 相关阅读:
    [转载]iOS 开发中为什么更新UI都要放在主线程中?
    GCD小结
    多线程的实现
    图片缓存、PathForResource、NSBundle
    IOS全路径和文件名方法、NSBundle
    plist文件
    iphone区别翻新机
    iPhone4S国行、港版、美版、妖机识别与选购(转)
    应用沙盒
    IOS实现新特性功能
  • 原文地址:https://www.cnblogs.com/lyxverycool/p/8797649.html
Copyright © 2011-2022 走看看