material-ui - 删除未使用的 makeStyles 属性

Question

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

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

容器样式.ts

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

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

容器.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。