Файл app.js весит 735кб — норма ли?

Question

[Дмитрий Баскаков]

NPM говорит что app.js весит 735кб, и говорит что это много. И вот я смотрю и понимаю что многовато, но может я не прав. Поэтому вопрос: app.js весит 735кб - норма ли?

UPD #1
чтобы получить хоть чем-то заполненный stats.json и потом запустить сервер:

>>> npx webpack --profile --json --entry ./resources/js/app.js --output-path ./public/js/app.js > stats.json
>>> npx webpack-bundle-analyzer ./stats.json -h 0.0.0.0

у команд был префикс "docker-compose exec myapp", ибо проект в докере

Comments

[Михаил]

вангую куча лишнего шлака который нафиг не нужен

[Dima Polos]

Многовато, но у меня когда-то бандл раздуло до 6 МБ, мегабайт)) Вот это был номер)))

Answer 1

[Vitaliy]

Смотрите через https://www.npmjs.com/package/webpack-bundle-analyzer

Usage (as a CLI utility)

You can analyze an existing bundle if you have a webpack stats JSON file.

You can generate it using BundleAnalyzerPlugin with generateStatsFile option set to true or with this simple command:

webpack --profile --json > stats.json
If you're on Windows and using PowerShell, you can generate the stats file with this command to avoid BOM issues:

webpack --profile --json | Out-file 'stats.json' -Encoding OEM

Then you can run the CLI tool.

webpack-bundle-analyzer bundle/output/path/stats.json

Comments

[Дмитрий Баскаков]

Есть альтернативы? С ларавелем немного проблема такие штуки ставить

[Vitaliy]

Дмитрий Баскаков, а при чем здесь ларавель? Используйте как CLI тулу (добавил пункт Usage (as a CLI utility) в ответ). Все что нужно, это добавить пару флагов в команду сборки проекта через Webpack (погуглите как пробросить их в Vue CLI, все равно под капотом тот же вебпак),