删除未使用的makeStyles属性

Question

我正在一个代码库中工作，随着时间的推移，我们对页面和组件进行了许多更改，因此导致许多样式现在不被使用。我们想清理代码库并删除所有未使用的makeStyles属性。

我们的样式是从一个单独的文件中导入的。例如：

container.styles.ts

import { makeStyles } from "@material-ui/core";

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

container.tsx

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}>
      ...
   )


}

我们正在使用tslint，并调查了是否有可能，但我们似乎仍然无法找到这个问题的答案。

Answer 1

安装此依赖项 https://github.com/jens-ox/eslint-plugin-material-ui-unused-classes

不确定 tslint。