Высокая загрузка ЦП при первой загрузке приложения angular

Есть приложение angular 2 в комплекте с веб-пакетом. Я создал приложение с помощью webpack, есть скрипты vendor.bundle и main.bundle. Когда я пытаюсь открыть приложение в браузере, я сильно загружаю процессор после загрузки vendor.budle.

Я запустил профилировщик ЦП в Chrome и вижу, что есть два места:

  1. составление шаблона
  2. нормализация шаблона

введите здесь описание изображения

Как предотвратить жесткую компиляцию шаблона и в чем основная проблема такого поведения?


webpack angular angular2-template
person asolovyov    schedule 17.04.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Компиляция AOT - это то, что вам нужно. Без него ваш браузер должен компилировать все шаблоны на лету, что вызывает указанную высокую загрузку процессора.

person Brother Woodrow    schedule 17.04.2017
comment
Вы были правы! Спасибо. А как насчет конфигурации разработки? Есть ли практика использования AOT в конфигурации dev webpack? - person asolovyov; 18.04.2017
comment
Я бы не стал использовать AOT во время разработки. Как правило, вам нужно иметь возможность быстро вносить изменения и мгновенно отображать их, а не ждать, пока медленный компилятор AOT завершит свою работу. Так что просто используйте JIT во время разработки, а когда закончите, запустите AOT и минимизируйте для производства. - person Brother Woodrow; 18.04.2017