VueJs 3, Docker и Windows - параметры просмотра Webpack не работают

Я использую последнюю версию VueJS с vue-cli-service в dockerized dev-среде. Все работает отлично, за исключением уведомлений vuejs / webpack при изменении файлов. (Из-за отсутствия inotify.) Он работает точно так же, как и должен в OSX.

Я исследовал и нашел параметр configureWebpack для vue.js.config и включил опрос, но не повезло - все еще не работает под Windows.

Вот мой docker-compose.yml, мой Dockerfile для образа vuejs и vue.config.js. У кого-нибудь еще эта настройка работает под окнами, и они могут увидеть, что я делаю не так?

Dockerfile

FROM node:10.8.0-alpine

# Install Vue Cli via node
RUN npm install -g @vue/cli @vue/cli-service-global

RUN mkdir /src
WORKDIR /src
COPY ./src/package* /src/
RUN npm install

docker-compose.yml

version: '3'

services:
  web:
    build: './web'
    volumes: 
      - /src/node_modules
      - ./web/src:/src      
    working_dir: /src
    ports:
      - "4000:8080"
    command: npm run serve
    # stdin_open: true
    # tty: true

  api:
    build: './api'
    volumes:
      - ./api/src:/src
    working_dir: /src
    ports:
      - "3000:3000"
    command: rails s
    depends_on:
      - data
    # stdin_open: true
    # tty: true

  data:
    build: './data'
    volumes:
      - data-postgresql:/var/lib/postgresql/data
    ports:
      - "5432:5432"

volumes:
  data-postgresql:
    external: true

vue.config.js

module.exports = {
  configureWebpack: {
    watchOptions: {
      ignored: /node_modules/,
      poll: 1000
    }
  }
}
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
760
1

Ответы 1

Решено. Наконец. Благодаря случайному примеру конфигурации веб-пакета где-то.

Параметры наблюдения vue.config.js должны быть на один уровень ниже, чем "devServer". Кажется, это работает:

vue.config.js

module.exports = {
  configureWebpack: {
    devServer: {
      watchOptions: {
        ignored: /node_modules/,
        poll: 1000
      }
    }
  }
}

Другие вопросы по теме