Vuejs + vue-router + vuex + bootstrap4 = 1,5MB, после UglifyJS 400KB, как уменьшить?

Question

[Антон Антон]

Собрал минимальный проект из Vuejs + vue-router + vuex + bootstrap4 (+ bootstrap-vue), после сборки bundle.js получается полтора мегабайта, после минификации - 650кб. Размер моих исходников около 30кб. Я понимаю, что при наполнении приложения расти будет уже не так сильно, но все равно вопрос - можно ли уменьшить?

UPD: внимательно посмотрев вывод увидел ошибку:

spoiler

ERROR in build.js from UglifyJs
Unexpected token: name (src) [build.js:14073,8]

в том месте находится совершенно неподозрительная вещь:

в чем дело?

UPD: добавил пресет es2015 в .babelrc, Uglify всё собрал, результат ~400кб. Можно больше сжать?

UPD: отделил .css с помощью extract-text-plugin,

Asset      Size  Chunks             Chunk Names
     build.js    244 kB       0  [emitted]  main
    style.css    139 kB       0  [emitted]  main
 build.js.map   1.44 MB       0  [emitted]  main
style.css.map  86 bytes       0  [emitted]  main

Comments

[Антон Антон]

MaxKorz: добавил "presets": ["es2015"] в .babelrc, ужало до ~400 кб. уже лучше, но все равно много.

[Антон Антон]

MaxKorz: спасибо за классный плагин, картинка получается такая:
все вместе 68кб в gzip, большую часть занимает bootstrap-vue (85кб несжатый), но он вместо jquery для бутстрапа идет и vuejs - 251кб несжатый, 77кб минифицированный, 28кб в gzip.

spoiler

вероятно, дальше двигаться действительно некуда.

Answer 1

[Нурлан]

Сжатие при помощи canvas и PNG-картинок

Comments

[Антон Антон]

у меня, оказывается, Uglify ошибку возвращает, дополнил пост

Answer 2

[Klein Maximus]

Отказаться от Bootstrap?