Алексей Ярков

Как правильнее было бы реализовать это?

Не изобретать велосипед, а погуглить готовые решения для очередей.
Беглый поиск:
https://www.npmjs.com/package/queue
https://github.com/bee-queue/bee-queue
https://levelup.gitconnected.com/how-to-implement-...
Ну и всякие там rabbitmq и т.п.

Сколько раз вызван map === длине массива. Просто вызвать setCounter(counter + itemsArray.length).

Пробовал самостоятельно сделать код, но надо уроки смотреть с самого начала

С такой формулировкой вам сюда

Получится вставить результат РНР функции, если js файл рендерится через РНР.

Что сложного в том, чтобы загуглить и по второй же ссылке найти готовое?
ОК, Гугл: use sass as docker container

https://registry.hub.docker.com/r/jbergknoff/sass

Есть ли возможность заставить их работать по очереди?

Обновлять по очереди

Вас путь к файлу на втором скрине не смущает совсем? Надо не просто страницу браузером с диска открывать, а поднять вебсервер и через него отдавать. Чтобы по http получать страницу.

Можно несколько файлов при запуске указать и они будут объединены.

docker-compose -f 1.yml -f 2.yml up

Так можно например во втором файле добавить/изменить/переписать инструкции к сервису из первого файла.

https://docs.docker.com/compose/extends/

FROM node:16-alpine

WORKDIR /app

EXPOSE 3000

CMD ["/bin/sh", "-c", "set -eu; npm install && npm start:dev"]

version: '3.9'

services:
  nodetest:
    container_name: nodetest
    build:
      context: .
    volumes:
      - .:/app:rw,cached
    ports:
      - 3000:3000
    restart: unless-stopped

А где вывод в РНР? Вижу только добавление в массив.

vue-runtime-template-compiler