Инструкция по сборке вашего проекта

Разница между собранным и несобранным проектом

Несобранный проект содержит исходный код написанный на TypeScript или не оптимизированные файлы библиотек таких как React или Vue. Такой проект требует процесса сборки для преобразования в оптимизированные статические файлы (HTML, CSS, JavaScript), которые можно разместить на хостинге. Собранный проект уже содержит эти скомпилированные файлы и готов к развертыванию.

Как собрать проект

1. Убедитесь, что у вас установлены Node.js и npm (или yarn).
2. Откройте терминал и перейдите в корневую папку вашего проекта.
3. Установите зависимости, выполнив команду npm install или yarn.
4. Выполните команду сборки. Обычно это npm run build или yarn build.
5. После успешной сборки вы найдете скомпилированные файлы в указанной папке (обычно dist или build).

Если вы не уверены в командах для сборки, посмотрите раздел "scripts" в вашем файле package.json.

Сборка с использованием популярных инструментов

Где искать команды для сборки

Все команды для сборки обычно находятся в разделе "scripts" файла package.json вашего проекта. Пример:

{
  "scripts": {
    "build": "vite build",
    "start": "vite",
    "test": "jest"
  }
}

Если команды отличаются от стандартных, используйте именно те команды, которые прописаны в вашем package.json.

Расположение собранных файлов

После успешной сборки ваши статические файлы будут находиться в одной из следующих папок, в зависимости от используемого инструмента:

• build — используется в Create React App.
• dist — используется в Vue CLI и Vite.
• Или другая папка, указанная в конфигурационных файлах проекта.

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