Question

自定义Ant设计主题的说明如下：

https://ant.design/docs/react/customize-theme

如何使用Meteor React 1.4+？ “Overriding Less变量（替代方式）”是否是正确的使用方法？ LESS文件将在何处进行以及如何在React中访问？

Answer 1

类似于arcom的答案，更详细地介绍了.babelrc。这使用了antd 2.7.1：

在.babelrc

meteor npm i --save babel-plugin-transform-class-properties babel-root-slash-import

随

安装

@import '{}/node_modules/antd/dist/antd.less';

// Color
@primary-color          : @green-6;

在theme.less中，可以访问antd变量，覆盖默认值的新值

 nohup java -jar xxx.jar &

Answer 2

添加较少的包（对于meteor）
在客户端添加一个theme.less文件
粘贴ant
根据需要自定义

示例less file：

   Validity ::= SEQUENCE {
        notBefore      Time,
        notAfter       Time }

   Time ::= CHOICE {
        utcTime        UTCTime,
        generalTime    GeneralizedTime }

Answer 3

如果您使用babel-plugin-import组件将包含更少的文件，您需要做的就是配置您的webpack以使用更少的加载器。如果你想自定义主题，那么你可以在less loader中添加modifyVar选项，它将替代你。

您可以检查他们的配置文件，我按照它并且它可以工作 https://github.com/ant-tool/atool-build/blob/a4b3e3eec4ffc09b0e2352d7f9d279c4c28fdb99/src/getWebpackCommonConfig.js#L131-L138

Meteor React 1.4中的Ant设计主题定制

3 个答案: