Angular CLI. Сохраняем билд во время разработки
Запись от 04.05.2017
Angular CLI имеет две часто используемые команды:
Проблема в том, что запуск «ng serve» удаляет последний билд.
Решается проблема добавлением команды в package.json, которая будет запускать билд скриптов с нестандартным путём. То есть в .angular-cli.json указываем какой-нибудь неиспользуемый путь, например, так:
Делаем это, потому что «ng serve» будет удалять содержимое dist/ как неактуальное.
А вот в package.json добавляем команду в раздел «scripts»:
Здесь указываем путь для билдов отличный от «outDir», а саму команду запускаем как:
Вот так и «ng serve» работает и build целый.
Идею подсмотрел здесь: https://github.com/angular/angular-cli/issues/4366#issuecomment-284724629.
P.S. Почитать про output-hashing можно тут: http://postoev.ru/blog/angular-cli-compiling-without-hashes/.
ng serve // для разработки (live reload, watch и т.д.)
ng build // сборка скриптов и стилей
Проблема в том, что запуск «ng serve» удаляет последний билд.
Решается проблема добавлением команды в package.json, которая будет запускать билд скриптов с нестандартным путём. То есть в .angular-cli.json указываем какой-нибудь неиспользуемый путь, например, так:
{
"apps": [
{
"outDir": "dist/",
Делаем это, потому что «ng serve» будет удалять содержимое dist/ как неактуальное.
А вот в package.json добавляем команду в раздел «scripts»:
{
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"build-prod": "ng build --prod --output-path=../www/front/ --output-hashing none",
Здесь указываем путь для билдов отличный от «outDir», а саму команду запускаем как:
npm run build-prod
Вот так и «ng serve» работает и build целый.
Идею подсмотрел здесь: https://github.com/angular/angular-cli/issues/4366#issuecomment-284724629.
P.S. Почитать про output-hashing можно тут: http://postoev.ru/blog/angular-cli-compiling-without-hashes/.