从Reactjs项目中删除global.less css

Question

我使用 ant-table-extensions 来显示 table 中的数据。但我遇到了一些问题，比如 antd 自动导入一些 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 的解决方案是什么？

Answer 1

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

我用

创建了namespaced.less文件

// this will namespace the antd classes with `antdContainer`
    .antdContainer {
        @import '~antd/dist/antd.less';
    }

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

import '../styles/namespaced.less';

然后在使用antd组件时，将组件用

包裹起来

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

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