1. 首页
  2. 问答
  3. 定制antd Less或Css for create-react-app

定制antd Less或Css for create-react-app

2017-06-18 70 views
0

我正在使用create-react-app作为入门工具包，并在antd组件库中使用。定制antd Less或Css for create-react-app

我似乎无法找到一种方法来定制他们的样式（用于品牌目的）。文档似乎没有给出有关定制的明确方向。

文档链接：https://ant.design/docs/react/customize-theme

他们建议两种方式来做到这一点，但：

1.使用theme财产。但这只适用于antd-init或dva-cli样板文件，而不适用于create-react-app

2.覆盖Less变量。

现在要使这两个选项之一工作create-react-app没有eject，我需要采取什么步骤？

来源

2017-06-18 FE_Addict

回答

1

你的问题没有很好的研究，我害怕。至少，在发布问题之前，请阅读https://ant.design/docs/react/use-with-create-react-app和较早的Stackoverflow问题（如How do I use .babelrc to get babel-plugin-import working for antd?）中的说明。

就目前而言，CRA不支持更改Babel配置。这需要包含antd babel-plugin，这是需要支持只导入必要的antd模块。

因此，您只能在非弹出的CRA应用程序中导入整个单片antd。

来源

2017-06-19 15:51:33

+0

对不起，我对我的问题不太清楚，可能是我应该问过这样的问题：如何让这些选项适用于'create-react-app'而不需要'弹出'。我现在已经更新了这个问题。我阅读文档，他们提到的所有步骤都建议“弹出”。我的选择是找到一种不用'eject'选项来设置主题的方式，因为我以后可以灵活地更新'react-scripts'。 –

+0

目前，您无法在无需弹出的情况下在CRA中运行_modular_ antd，因为它需要一个babel插件，并且CRA不允许不弹出babel插件。 –

+0

谢谢@Jesper我们。但是，当你说_modular_ antd时，你能解释一下吗？另外，我通过复制src中的antd.css，在index.js中导入并导入另一个覆盖了我想覆盖的样式的custom.css文件来完成此工作。你对这种方法有什么看法？ –

相关问题

 相关问题