Владимир Голосай

Вот статья, в которой рассказывается как собирать стили и при необходимости js файлы с помощью gulp в примерах.

Если речь идет о кешировании js, то как говорилось ранее, необходимо добавлять версионность файлов при деплое на продакшин.
Если хотите принудительно обновить ангуларовские шаблоны, то для этого есть команда
$templateCache.removeAll();

Ее можно прописать при запуске аппа:

app.run(['$templateCache', function ( $templateCache ) {
    $templateCache.removeAll(); }]);

Обычно событие скролла можно отследить например таким образом:

window.onscroll = function() {
  var scrolled = window.pageYOffset || document.documentElement.scrollTop;
  console.log(scrolled);
}

но iOS устройствах при скролле присутствует еще дополнительное движение страницы по инерции. И событие скролла отработает лишь после завершения движения страницы.
По-этому если нужно отследить именно само событие, немедленно в момент движения пальца по экрану, то необходимо использовать ивент touchmove. Вот пример для директивы ангулара. (был под рукой)

$element.bind('touchmove', function (e) {
       console.log(e.touches[0].pageY,e.touches[0].clientY);
}):

А если необходимо именно количество пикселей от верха документа, то нужно использовать событие scroll, которое отработает после анимации.

Подробнее о событии скролла на iOS можно ознакомиться в оф. документации

Сам был в такой ситуации, видел что все говорят о препроцессорах, а с чего начать не знал. Специально для ответа на такой вопрос написал развернутую вводящую статью. Надеюсь поможет.