Как найти мертвый код в большом реактивном проекте?

Question

Чтобы реорганизовать проект на стороне клиента, я ищу безопасный способ поиска (и удаления) неиспользуемого кода.

Какими инструментами вы пользуетесь, чтобы найти неиспользуемый / мертвый код в больших проектах с реагированием? Наш продукт разрабатывался в течение нескольких лет, и очень трудно вручную обнаружить код, который больше не используется. Однако мы стараемся удалить как можно больше неиспользуемого кода.

Предложения по общим стратегиям / методам (кроме специальных инструментов) также приветствуются.

Спасибо

Answer 1

Мой подход заключается в интенсивном использовании ESlint и заставляет его запускаться как на рекламе IDE перед каждым нажатием.

Указывает на неиспользуемые переменные, методы, импорт и так далее. Webpack (в котором есть слишком хорошие плагины для обнаружения мертвого кода), старайтесь не связывать не импортированный код.

Answer 2

Я думаю, что самое простое решение для загруженного приложения create-реагировать на приложение - это использовать ESLint. Пробовал использовать различные плагины веб-пакетов, но столкнулся с нехваткой памяти у каждого плагина.

Используйте no-unused-modules , который теперь является частью eslint-plugin-import .

После настройки eslint, установки eslint-plugin-import добавьте в правила следующее:

"rules: {
  ...otherRules,
  "import/no-unused-modules": [1, {"unusedExports": true}]
}

Answer 3

Прежде всего, очень хороший вопрос, в крупных проектах кодеры обычно пробуют много строк теста кода и в конце результата трудно найти неиспользуемый код.

Есть две возможности, которые должны работать для вас - я обычно делаю это всякий раз, когда мне нужно удалить и уменьшить неиспользуемый код в моем проекте.

1-й способ WebStorm IDE:

Если вы используете IDE для веб-штормов для разработки JS или React JS / React Native или Vue js и т. Д., Сообщите нам об этом и укажите нам упоминание с другим цветом или красным предупреждением в качестве неиспользуемого кода. внутри редактора

но это не работает в вашем конкретном сценарии, есть другой способ удалить неиспользуемый код.

2-й путь безотзывной библиотеки:

Второй способ удаления неиспользуемого кода внутри проекта - библиотека без реквизитов, которую вы можете посетить здесь: безотзывный github

другая библиотека называется depcheck под NPM & github здесь

Просто следуйте их подходящим методам - ​​как их использовать, вы легко исправите эту неиспользованную проблему

Надеюсь, это поможет вам