Как правильно настроить пользовательское приложение webpack / response с nginx - PullRequest
Новая
       36

Как правильно настроить пользовательское приложение webpack / response с nginx

0 голосов
/ 06 августа 2020

Я экспериментирую с некоторыми пользовательскими конфигурациями веб-пакетов для приложения React. Я планирую развернуть приложение с этой структурой, используя Docker (и Kubernetes или AWS ECS / ELB) для производства. Но чтобы познакомиться с технологиями, я пытаюсь настроить свою среду разработки.

У меня есть настройки React и Webpack: https://github.com/Rynebenson/ReactWebpack.

Я также на моем компьютере запущено nginx. Если я от go до http://localhost: 8080, я могу проверить, что nginx работает.

В настоящее время я запускаю это приложение с помощью webpack-dev-server, но хочу настроить nginx server и загрузите на нем мою stati c react build.

Я прочитал несколько примеров, но все они предназначены для производства с Docker и настройки его в контейнере. Я просто хочу запустить его локально для разработки на данный момент.

Я понимаю, что мне понадобится конфигурация nginx вроде этой: 

/nginx.conf

server {
  listen 80;
  location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html;
  }
  error_page 500 502 503 504 /50x.html;
  location = /50x.html {
    root  /usr/share/nginx/html;
  }
}

Чтобы подключить это к моему React app должен быть первым root в файле build / index. html в моем приложении React?

И если я перезапущу nginx после добавления этого файла конфигурации в / usr / local / etc / nginx / servers / следует ли ожидать, что это сработает?

Также будет сложно реализовать горячую перезагрузку с этой настройкой разработчика? Потому что необходимость перестраивать каждое изменение было бы обременительным. Может быть, проксирование webpack-dev-server на nginx будет лучшей практикой для разработчиков?

...