Как запустить версию сборки create-response-app

Question

Я создал тестовое приложение React и запустил его с помощью create-реагировать на приложение. Я начинаю его с запуска пряжи, но это запускает отладочную версию приложения. Я выполнил npm run build и он создал папку build, однако когда я запускаю пряжу из папки /build, она все равно запускает отладочную версию приложения. Мне это нужно для тестирования производительности с оптимизированной версией. Как я могу решить это?

Answer 1

Вы пытаетесь перейти от разработки к производственной сборке с помощью приложения create-реагировать, которое необходимо развернуть с помощью веб-сервера, я бы порекомендовал использовать Heroku или дроплет, или вы можете использовать Netlify, которая имеет простую процедуру настройки используя следующие команды:

cd project-name
npm run build

npm install netlify-cli -g
netlify deploy

Следуйте указаниям командной строки и выберите "да" для нового проекта и./build в качестве папки для развертывания, и вуаля, у вас есть производственное приложение React!

Вы можете разместить приложение локально, используя apache, nginx, express

Answer 2

Фактически вы можете использовать статический сервер для запуска версии сборки вашего приложения. Это выполнимо с подачей. Вы можете проверить это с помощью:

npm run build

npx serve -s build

Answer 3

Сначала перейдите в каталог вашего приложения.

Согласно официальному сайту create-react-app. Когда ты бежишь npm run build или же yarn build вы создаете build каталог с производственной сборкой вашего приложения.

После выполнения приведенной выше команды следующее, что вы можете сделать, чтобы проверить версию сборки вашего приложения, - это установить serveдля обслуживания вашего статического сайта на порту 5000 по умолчанию.

npm install -g serve
serve -s build

Это скопирует ссылку в буфер обмена, которую вы можете вставить в свой браузер и увидеть версию сборки вашего приложения.

Answer 4

Если вы хотите запустить свое приложение в браузере с файлами сборки, обслуживаемыми локально из файловой системы (т. Е. Без веб-сервера), вы можете поместить это в свой package.json:

"homepage": ".",

Сейчас

1. создайте свое приложение с npm run build.
2. запускать <your app>/build/index.html в браузере.

Примечание. Это решение не рекомендуется, если ваше приложение (или какая-либо библиотека маршрутизации) использует API истории HTML5 pushState. https://facebook.github.io/create-react-app/docs/deployment