如何让 create-react-app 检查未使用的导入

Question

我主要使用 create-react-app 来启动一个新的 React 项目。几天前，我第一次尝试 Vue，它有这个功能，如果你的代码中有未使用的导入，它基本上可以阻止应用程序运行。是否可以为 create-react-app 提供相同的功能？

Answer 1

eslint 规则 no-unused-vars

默认情况下已启用（在 CRA 中）

'value' is defined but never used. (no-unused-vars)eslint

这适用于未使用的导入，例如这个简单的代码会产生警告：

// 'useState' is defined but never used. (no-unused-vars)eslint
import React, {useState} from "react";

export default function App() {
  return <>...</>;
}

如果您想阻止该应用运行，请更改配置以生成 error。

{
...
    "rules": {
        "no-unused-vars": ["error"]
    }
}

见

如何让 create-react-app 检查未使用的导入

How to make create-react-app check for unused imports

reactjs

create-react-app