从 Reactjs 项目中删除 global.less css

【问题标题】：Remove global.less css from Reactjs project从 Reactjs 项目中删除 global.less css
【发布时间】：2022-11-30 15:56:31
【问题描述】：

我有使用蚂蚁表扩展用于显示表中的数据。但我遇到了一些问题，比如蚂蚁自动导入一些 css，这打扰了我的设计。怎么去掉。即使我已经在我的 index.js 中编写了 css 代码

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family:'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
}

删除 global.less css 的解决方案是什么？

【问题讨论】：

【解决方案1】：

我有另一种方法来解决你的问题你可以使用 :global 来重置 antd 自己的样式

:global {
  .antd-own-style {
     Your customized styles
   }
 }

【讨论】：

【解决方案2】：

您可以命名 antd 样式，我在我的例子中使用较少

我创建了 antd.less 文件 // 这会将 antd 类命名为antdContainer

.antdContainer {
    @import '~antd/dist/antd.less';
}

在应用程序中导入这些样式

import '../styles/antd.less';

然后在使用antd组件时，将组件包裹起来

   <div className=" antdContainer">
   </div>

希望它能给你一些解决问题的想法

【讨论】：