Как я могу облегчить vendor.js сгенерированный webpack?

#vue.js #webpack #package.json

#vue.js #webpack #package.json

Вопрос:

Я отсканировал сайт, который я разрабатываю, с помощью Google LightHouse и получил предупреждение «Удалить неиспользуемый JavaScript». Я использую Vue.js и создание его с помощью webpack. И я думаю vendor.js генерируется из node_modules. Как я могу сделать vendor.js легче? Я думаю, что это можно было бы сделать, исключив внешние библиотеки, написанные в package.json devDependencies из vendor.js это правильная и возможная идея?

Кроме того, если у вас есть какие-либо другие хорошие идеи, пожалуйста, дайте мне знать.

Ответ №1:

Вы можете использовать webpack-bundle-analyzer, чтобы проверить, что находится внутри вашего vendor.js это библиотека, которая позволяет вам анализировать ваш пакет.

Этот модуль поможет вам:

  • Осознайте, что на самом деле находится внутри вашего пакета
  • Узнайте, какие модули составляют большую часть его размера
  • Найдите модули, которые попали туда по ошибке
  • Оптимизируйте его!

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

1. Звучит неплохо. Я этого не знал. Спасибо вам!