Для чего мы делаем build в create-react-app?

Question

[Алексей Костюхин]

Добрый вечер, такой не очень умный вопрос:
Я с недавнего времени пишу на react'e проекты. Вся сборка сводиться к установке create-react-app. Она ставит все зависимости и настраивает сервер за нас, по итогу мы имеем готовый сервер, который можно запустить на 3000 порту. Это все понятно

Вопрос в следующем. В официальной документации сказано, после того, как мы проделали работу нужно подготовить наш проект к "Продакшену" делается это командой script npm build(что-то типа такого)
Так вот. А что, собственно, находится в папке build ?
как back-end программист будет заливать мой проект в серверную часть? Интересует, к примеру, expressJS.
Я пробовал ставить его, поднимать, делать JSON с данными. Но я не понял, как я свой проект на react буду заливать в express js. Как папка build мне облегчит задачу?
П.с Я не говорю о тонких технических моментах. Мне бы объяснили в целом как и что происходит на сервере expressjs, как происходит в целом объединение.
П.с.с почему именно папка build должна попадать в сервер?
БУДУ ОЧЕНЬ БЛАГОДАРЕН ЗА ОТВЕТЫ!

Comments

[mkmkmkmk]

Здравствуйте, билд где можно найти , где посмотреть ?

[Алексей Костюхин]

Если делали приложение через create-react-app, то лежат в той же папке, что и проект. Имя папки с Биллом build

Answer 1

[hzzzzl]

почему именно папка build должна попадать в сервер?

потому что там лежат тупо index.html+css+js которые будут открываться браузером, в отличие от папок с исходниками где миллиард файлов компонентов и прочий хлам

я свой проект на react буду заливать в express js

не

• на сервере будет запущена node, которая запустит express
  
• экспресс будет раздавать в пользовательские браузеры index.html из собранного (build) приложения реакт, которое будет лежать в своей отдельной папочке
  
• юзеры будут обращаться к приложению, оно будет разговаривать с экспрессом
  

Comments

[Алексей Костюхин]

Спасибо. Папку build надо каким-то образом настраивать на сервере, потому что там и зависимости и т.д ?

[hzzzzl]

Алексей Костюхин, неее, в build уже будет целиком собранный проект, все зависимости будут подтянуты в js файлы, которые там будут лежать

npm run build

Эта команда по файлу app/app.jsx создаст в проекте папку public, а в ней - новый файл bundle.js. Это именно тот файл, который будет подключаться на веб-страницу.

То есть будет сгенерирован обычный файл с кодом javascript, который поддерживаетсся всеми браузерами. И нам не понадобится ни компилятор Babel, ни какие-то другие файлы. Мы можем просто кинуть веб-страницу в веб-браузер, и приложение также будет работать.

create-react-app этим и крут, что в нем уже есть готовые настроенные скрипты, которые это сделают одной командой