Как я могу ускорить Angular CLI Live Reload - 1-2 минуты за смену
Я использовал AngularCLI для своего проекта ng2, и в последние несколько месяцев он был великолепен. В последние несколько недель, похоже, все медленнее и медленнее.
Если я сделаю простое изменение HTML, теперь потребуется от 1 до 2 минут для запуска с "ng serve" и обновления браузера. NodeJS потребляет много оперативной памяти и процессора, когда это происходит.
Я запустил тот же код и процесс на новом ноутбуке рядом со мной, и это занимает около 20 секунд. В настоящее время я использую CLI 1.0.0-бета.21 на Windows Home 10. У меня 8 ГБ ОЗУ /SSD/i7.
Я пытался:
- Удаление и переустановка узловых модулей
- Обновление до последней версии CLI
- Отключение Защитника Windows (и исключение Node/ и папки proj из сканирования)
Все безрезультатно.
Вот вывод:
webpack: bundle is now INVALID.
6938ms building modules
72ms sealing
4ms optimizing
1ms basic module optimization
1074ms module optimization
5ms advanced module optimization
149ms basic chunk optimization
1ms chunk optimization
1ms advanced chunk optimization
702ms module and chunk tree optimization
2202ms module reviving
55ms module order optimization
71ms module id optimization
181ms chunk reviving
20ms chunk order optimization
806ms chunk id optimization
544ms hashing
7ms module assets processing
924ms chunk assets processing
45ms additional chunk assets processing
3ms recording
1ms additional asset processing
22536ms chunk asset optimization
1063ms asset optimization
545ms emitting
[default] Checking started in a separate process...
Hash: dedfa5a221b1992287d6
Version: webpack 2.1.0-beta.25
Time: 88912ms
Asset Size Chunks Chunk Names
bb73d75e8296ab5bc0a26b5d82006129.png 74.3 kB
main.bundle.js 7.26 MB 0, 2 [emitted] main
styles.bundle.js 43.2 kB 1, 2 styles
inline.bundle.js 5.54 kB 2 inline
styles.bundle.map 58.7 kB 1, 2 styles
inline.bundle.map 5.6 kB 2 inline
main.bundle.map 8.03 MB 0, 2 [emitted] main
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 8.11 kB 0
webpack: bundle is now VALID.
3 ответа
Для всех в 2021 году вы можете добавить
--source-map=falseэто уменьшило мое время перезарядки наполовину.
Последняя бета-версия Angular CLI (19-24 на момент написания статьи) также немного улучшила время сборки. Также есть новый флаг (не уверен, если задокументирован), который вы можете использовать --progress false который также помогает (работает с ng build а также ng serve).
Есть также другие флаги, не установленные для скорости по умолчанию (с ними ничего не нужно делать), например verbose который установлен в false по умолчанию.
Больше здесь:
https://github.com/angular/angular-cli/blob/master/packages/angular-cli/commands/serve.ts
Извините, что отвечаю на мой вопрос, но я нашел решение, к моему большому удивлению!
Я нашел этот пакет NPM под названием "ember-cli-windows", который, как утверждается, предназначен для определенных компьютеров с Windows, чтобы отключить Защитник Windows (хотя я и пробовал это сделать) и индексирование.
Я запустил его, а затем также полностью отключил индексирование Windows и теперь вернул скорость до 20 секунд (вместо 180).
[default] Checking started in a separate process...
Hash: ec2bcf489f8813c827a2
Version: webpack 2.1.0-beta.25
Time: 21055ms
Asset Size Chunks Chunk Names
bb73d75e8296ab5bc0a26b5d82006129.png 74.3 kB
main.bundle.js 7.26 MB 0, 2 [emitted] main
styles.bundle.js 43.2 kB 1, 2 styles
inline.bundle.js 5.54 kB 2 inline
styles.bundle.map 58.7 kB 1, 2 styles
inline.bundle.map 5.6 kB 2 inline
main.bundle.map 8.03 MB 0, 2 [emitted] main
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 8.11 kB 0
webpack: bundle is now VALID.