Команда: npm run build
Далее из папки build содержимое разместить на хостинге/сервере
serve -s build - запустить сборку на локальной машине
yarn run build
Предыстория:
Все началось с того, что меня попросили поменять цены на сайте визитке на React. А админки там не было. И я никогда не знал про React до этого и занимался WordPress, Bitrix и SEO.
Хронология событый:
Получив ссылку на github я скачал архив, далее получив доступ к хостингу я не обнаружил там папки src. Понял что так просто это не пройдет.
Поставил Node.JS (все делал под Win 11, но буду делать и на Linux Mint по аналогии, для этого и пишу эту статью-напоминалку. Сайт Node.JS https://nodejs.org/en
Поставил Visual Studio https://code.visualstudio.com/
Поставил GIT https://git-scm.com/downloads
В терминале GIT склонировал проект командой
git clone https://github.com/<"username">/<"repo-name">.git
Замените <“username”> именем пользователя Github, которому принадлежит репозиторий, а <repo-name> - именем репозитория.
Далее в папке Users на локальной машине у меня появилась папка с проектом на react.
Команды:
cd <repo-name> открывает каталог с проектом на локальном компьютере
npm i - устанавливает зависимости
npm audit fix - что-то чинит, я запускал
Чудо произошло:
npm start и сайт автоматом открылся по адресу http://localhost:3000
На всякий случай на гикбрайнс нашел вот это, но мне не понадобилось:
Обратите внимание, что если проект React был собран с другими настройками, вам может потребоваться запустить его с помощью другой команды, такой как npm run dev или yarn start. Проверьте файл package.json или README в репозитории для получения дополнительной информации.
Далее в визуал студио поменял что мне надо, сделал архив на всякий случай хостинге - перезалил свежую версию.
Команда: npm run build
Далее из папки build содержимое разместить на хостинге/сервере
Пошел дальше:
Решил проявить задротскую ярость и поставить реально контроль версий.
На гитхабе у меня уже был аккаунт, я склонировал программой GitHub Desktop https://desktop.github.com/download/
Поняв при этом - что можно было сразу её скачать.
И подключившись в визуал коде студио к проекту на гихабе - выбрав branches main
залил на гитхаб.
Теперь у меня есть контроль версий для этого сайта.
Мне понравилось. Скоро все это дело проверну на linux Mint, так как на ноутбуке именно он.
И да! После установки Node JS надо ставить эту штуку NPM
npm install -g npm
И презагружать компьютер, иначе Git Bash не видел Node.
Штука эта называется https://docs.npmjs.com/downloading-and-installing-node-js-and-npm
И обязательно проверить командами:
node -v
npm -v
Всё!
Начал все это проворачивать часов в 21.00 по МСК, сейчас 01:32 по МСК.
4 часа ушло вместе с правкой, заливкой, и написанием этой статьи.