#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. Звучит неплохо. Я этого не знал. Спасибо вам!