Сергей

janiwanow.com/blog/how-to-disable-autocomplete-in-...

<input
    type="password"
    name="password"
    readonly
    onfocus="this.removeAttribute('readonly')">

Расположить его в конце списка:

const Routes: Routes = [
  {path: 'auto', loadChildren: './auto-module/auto.module#AutoModule'},
  {path: 'avia', loadChildren: './avia-module/avia.module#AviaModule'},
  {path: '', loadChildren: './entry-module/entry.module#EntryModule'},
];

Но нужно учитывать, что если будет обработка wildcard (например, для 404 страницы), то оно все-таки его загрузит. Т.к wildcard будет ниже, а роутер должен проверить роуты внутри модуля.

Альтернативный вариант, делать редирект при пустом роуте, например так:

{
    path: '',
    pathMatch: 'full',
    redirectTo: 'entry',
  },
  {
    path: 'entry',
    loadChildren: 'entry-module/entry.module#EntryModule',
  },
  ...
}

а что ты хочешь? выполнение твоего скрипта ничего не тормозит. т.е. он работает пока оперативка не забьется. а из за такой скорости выполнения - она забивается очень быстро.
поставь к примеру таймаут в 1 секунду. тогда не будет тормозить.

Angular, не?

sapegin.github.io/jquery.mosaicflow
или
masonry.desandro.com

Использовать модуль chokidar или gulp-watch.
Либо можно перейти на 4 версию gulp и использовать встроенный watch, как у вас сейчас. В 4 gulp используется модуль chokidar как раз.

filehippo.com/download_koala_win

Пример: jsfiddle.net/2yuak32u/1

<div class='parent'>
    <span class='child1'>1</span>
    <span class='child2'>2</span>
</div>

.child1 {
    display: block;
}
.child2 {
    display: none;
}
.parent:hover .child1 {
    display: none;
}
.parent:hover .child2 {
    display: block;
}

div:hover span {/*стиль для всех span внутри div */
}

div:hover > span {/*стиль для всех span - прямых наследников div */
}

div:hover + span {/*стиль для первого span после div */
}