Удаление неиспользуемых кодов в файле javascript, используемом на странице HTML?

В настоящее время я работаю над разработкой веб-страницы. Я использовал загруженный один внешний файл javascript из CanvasJs, и я использую его локально, чтобы добавить некоторые динамические функции к графику на моей странице. Я использую только небольшую функциональность из файла. Как удалить мертвую строку, которую я не использую? Я не знаю, какие линии не используются!

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


person Thomas Brolin    schedule 27.11.2018    source источник
comment
Возможный дубликат Как удалить неиспользуемый javascript с веб-сайта   -  person Pac0    schedule 27.11.2018


Ответы (1)


Если вы уверены, что хотите удалить весь код, кроме кода, который вызывает ваше приложение:

  1. Найдите в библиотеке все функции, которые вызывает ваш код.
  2. Скопируйте каждую из этих функций в новый файл.
  3. В каждой из этих функций найдите все функции и любые глобальные переменные, на которые они ссылаются, и вернитесь к пункту 2.
  4. Когда у вас есть все упомянутые функции и переменные в отдельном файле, опробуйте на нем свой код всеми возможными способами, чтобы убедиться, что вы ничего не упустили.

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

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

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

person Billy Brown    schedule 27.11.2018
comment
Я не знаю, как найти коды, которые вызываются? Есть ли способ узнать вызываемые функции? - person Thomas Brolin; 28.11.2018
comment
Ваш собственный код должен где-то вызывать код библиотеки. Если у вас не минимизированная версия библиотеки, нажмите Cmd-F/Ctrl-F functionName, чтобы найти функцию, которую вызывает ваш код. Оттуда повторите это. Другой вариант — использовать отладчик в браузере, так как он точно покажет вам, какой код вызывает ваш собственный код. Комментарий Pac0 к вашему вопросу также может быть вариантом (инструменты для поиска неиспользуемого кода). - person Billy Brown; 28.11.2018