Почему проекты Angular 2 настолько большие

Мы сейчас переписываем наш проект ng1 с ng2. Наш проект ng1, когда он построен, составляет около 8 мб. Мы примерно четверть пути в нашей переписываемой записи на ng2, и мы уже находимся в 14mb для нашей сборки ng2 prod.

Основное различие в размере папки dist можно отнести к разным размерам исходных карт. Оба проекта включают исходные карты, но исходные карты ng2 намного больше. Это имеет смысл для меня, поскольку ng2 имеет больше шаблонов, компоненты отделены и т.д.

Первоначально этот вопрос был помещен на удержание, поскольку он был слишком большим, чтобы отвечать. Согласен. Но именно поэтому я спрашиваю об этом. Я пытаюсь понять все предложения ng2, которые сделают конечный продукт ng2 лучше, чем версия ng1.

С какими практическими подходами/процедурами/инструментами, которые мы можем применить к нашей практике разработки ng2, чтобы сохранить конечные размеры маленькими и, в свою очередь, быстро работать с пользователями?

Ответ 1

На днях я тестировал angular 2, и я столкнулся с той же проблемой, что и вы, мой vendor.js был 6M, и это было простое приложение Hello World...

Я нашел следующее сообщение, которое очень помогло понять, как мы должны действовать по этой проблеме (пока): http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

Он использует несколько методов оптимизации и сжатия (precompile, treeshake, minify, bundle и gzip) в своем приложении 1.5M, чтобы уменьшить его размер до 50 килобайт.

Проверьте это, надеюсь, что это поможет!:)