Material ui 删除未使用的makeStyles属性

Material ui 删除未使用的makeStyles属性,material-ui,Material Ui,我在一个代码库中工作,随着时间的推移,我们对页面和组件进行了许多更改,从而产生了许多现在没有使用的样式。我们希望清理我们的代码库并删除任何未使用的makeStyles属性 我们的样式正在从单独的文件导入。例如: container.styles.ts container.tsx import React,{FC}来自“React”; 从“/container.styles”导入{useStyles}; 接口IProps{ ... } 导出常量自动完成容器:FC=({…})=>{ const cl

我在一个代码库中工作,随着时间的推移,我们对页面和组件进行了许多更改,从而产生了许多现在没有使用的样式。我们希望清理我们的代码库并删除任何未使用的makeStyles属性

我们的样式正在从单独的文件导入。例如:

container.styles.ts container.tsx
import React,{FC}来自“React”;
从“/container.styles”导入{useStyles};
接口IProps{
...
}
导出常量自动完成容器:FC=({…})=>{
const classes=useStyles();
返回(
...
)
}

我们正在使用tslint,并已研究了它是否可行,但我们似乎仍然无法找到有关此问题的答案。

安装此依赖项


tslint不确定。

虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接供参考。如果链接页面发生更改,则仅链接的答案可能无效。
import { makeStyles } from "@material-ui/core";

export const useStyles = makeStyles({
  container: {
    backgroundColor: "white",
    ...
  },
  oldContainerStyle1: { ... },
  oldContainerStyle2: { ... },
  oldContainerStyle3: { ... },
  oldComponentStyle1: { ... },
  ...
  },
});
import React, { FC } from "react";

import { useStyles } from "./container.styles";


interface IProps {
  ...
}

export const AutoCompleteContainer: FC<IProps> = ({...}) => {
   const classes = useStyles();
   return (
      <div className={classes.container}>
      ...
   )


}