如何对 Reacts 组件库 css 文件进行编辑？
How to make edits work on reacts component library css files?
我正在为一个带有反应的项目使用一些组件库，例如antd, material-ui等。我需要修改一些组件css。例如，我在 antd 的目录中查找并在 node_modules\antd\dist 下找到了 css 个文件。除了 antd.css 和 antd.min.css 之外，还有几个文件，还有一个名为 antd.less 的文件。
我的问题是我要将哪个文件更改为 css？非常感谢您的帮助。
很难说，但可能是antd.less。
我强烈建议覆盖本地css 文件中的css 而不是修改node_modules。维护起来会更方便。这将成为生产中的一个痛苦，或者如果你想更新你的模块。被认为是不好的做法。
如果您确实想直接在模块中编辑它，请将模块克隆到您的代表中。出于同样的原因，不要将其留在 node_modules。
覆盖 Less 变量（替代方式）#
通过更少的定义文件覆盖变量。
像下面这样创建一个独立的 less 文件，并将其导入到您的项目中。
@import "~antd/dist/antd.less"; // import official less entry file
@import "your-theme-file.less"; // override variables here
默认变量
https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
我正在为一个带有反应的项目使用一些组件库，例如antd, material-ui等。我需要修改一些组件css。例如，我在 antd 的目录中查找并在 node_modules\antd\dist 下找到了 css 个文件。除了 antd.css 和 antd.min.css 之外，还有几个文件，还有一个名为 antd.less 的文件。
我的问题是我要将哪个文件更改为 css？非常感谢您的帮助。
很难说，但可能是antd.less。
我强烈建议覆盖本地css 文件中的css 而不是修改node_modules。维护起来会更方便。这将成为生产中的一个痛苦，或者如果你想更新你的模块。被认为是不好的做法。
如果您确实想直接在模块中编辑它，请将模块克隆到您的代表中。出于同样的原因，不要将其留在 node_modules。
覆盖 Less 变量（替代方式）#
通过更少的定义文件覆盖变量。
像下面这样创建一个独立的 less 文件，并将其导入到您的项目中。
@import "~antd/dist/antd.less"; // import official less entry file
@import "your-theme-file.less"; // override variables here
默认变量 https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less