как прочитать и удалить слишком много неиспользуемого кода js в блоке

#javascript #webpack #next.js #google-chrome-devtools #chunks

Вопрос:

введите описание изображения здесь

Мой проект nextjs вызывает главную страницу, и 98% неиспользуемых байтов существуют в одном фрагменте.

Когда я заглянул в код, на этом типе кода была отмечена красная линия.

 "use strict";
eval(...)
 

Я не совсем понимаю, что это значит. Означает ли это, что неиспользуемый код был импортирован и использован?

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

Комментарии:

1. Это означает «похоже, что вы запускаете webpack в режиме разработки». Но также, искали ли вы в Интернете возможные связанные вещи в авторитетных местах? Потому что я искал эту строку оценки и нашел github.com/webpack/webpack/issues/4899

Ответ №1:

вы запускаете свои тесты в среде разработки. вот почему вы отправляете так много неиспользуемых JS. чтобы исправить это, запустите next build для создания оптимизированного пакета.

в производстве, если вы хотите выяснить, почему был импортирован пакет, я предлагаю использовать bundle-analyzer.

что касается того, что они собой представляют.

  • eval() Функция вычисляет код JavaScript, представленный в виде строки. Источник
  • «использовать строго»; Определяет, что код JavaScript должен выполняться в «строгом режиме». Источник