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

Question

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

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

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

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

Answer 1

Я испытывал угловые 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 килобайт.

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