Назад | Перейти на главную страницу

Webpack Hot Module Reload не работает через прокси

Я пытался понять, как заставить сервер разработки Webpack работать с Flask, Docker и nginx.

Я не знаком с этими технологиями, поэтому я немного застрял.

У меня есть Makefile, содержащий:

server-watch: server-install
    uwsgi --http-socket 0.0.0.0:10001 --module my:app --master --processes 4 --enable-threads --honour-stdin

мой файл докеров:

  client-dev:
    image: node:12.13.1-slim
    working_dir: /code
    networks:
      - dev_net
    ports:
      - 10005:10005
    volumes:
      - './client:/code'
    environment:
      NODE_ENV: "development"
    command: yarn dev

Настройки webpack dev:

 devServer: {
    allowedHosts: ['.ec2.100.com', '.site.com'],
    // 0.0.0.0 binds to all interfaces. The public port is 8080 which is served
    // by nginx and proxied to the internal webpack port of 10005.
    host: '0.0.0.0',
    port: 10005,
    hot: true,
    sockPort: 8080,
    hotOnly: true,
    compress: true, watchOptions: {
      poll: true
    },
    headers: {
      'Access-Control-Allow-Origin': '*'
    }
  }

пряжа dev запускается:

webpack-dev-server --progress --colors --hot --inline --config ./webpack.dev.config.js