reactjs - 如何从 React Typescript 的整个项目中删除未使用的导入/声明?
问题描述
我正在尝试删除未使用的导入和声明,如Angular的这个 SO 线程中所回答的那样。我正在尝试使用eslint-plugin-react来实现目标,但没有找到任何选项来使用单个命令从整个项目中删除未使用的导入和声明。
这是我的 .eslintrc.json
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-eslint/recommended"
],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 12
},
"plugins": [
"react",
"@typescript-eslint",
"unused-imports"
],
"rules": {
"indent": [
"warn",
"tab"
],
"linebreak-style": [
"warn",
"windows"
],
"quotes": [
"warn",
"double"
],
"semi": [
"warn",
"always"
],
"@typescript-eslint/no-unused-vars": "on",
"unused-imports/no-unused-imports-ts": "on"
}
}
或者有没有办法在 VS Code 中使用 ESLint 或 Typescript Hero 扩展来做同样的事情?
解决方案
使用unused-imports
插件和unused-imports/no-unused-imports-ts
规则, eslint --fix
将删除import
s.
这是一个示例 repo,它--fix
删除了未使用import
的 s。
https://github.com/moshfeu/eslint-ts-unused-imports
旧答案
eslint有一个内置的修复选项。
eslint ... --fix
如果rules
contains no-unused-vars
,eslint 将通过删除它们(以及其他自动修复)来“修复”未使用的导入。
推荐阅读
- java - 在 Java 中将对象实例存储在文件中是个好主意吗?
- javascript - 什么是做某事`
- python - 用户在 Telegram Bot 中的非命令回答成为 PM
- javascript - 将 cookie 同意添加到 HTML 网站
- c# - 从 DataTable 中获取多列
- python - Tensorflow - 线性回归:无法正确绘制
- ruby-on-rails - 在 Docker 上修改 Rails 应用程序时,如何加载源代码更改?
- python-2.7 - numpy数组中连续元素的第一次出现
- python - 官方 Imgur python API 库?
- excel - VBA 复制数据出错