Репозиторий для сборки svelte-проектов из независимых фрагментов

Содержит статические, конфигурационные файлы, размещенные на различных ветках. Преимуществом такой организации проекта является то, что разработчик может пушить изменения не только в репозиторий текущего проекта (origin), но и в библиотеки, размещенные в репозитории svelte-from-scratch, создавая, таким образом, обратную связь.

За основу принята стандартная конфигурация фреймворка svelte со следующими изменениями:

  • установлен адаптер @sveltejs/adapter-node;
  • добавлен скрипт npm run git для облегчения работы с git (add, commit);
  • в файл .gitignore добавлены каталог .tmp, где можно хранить, например, промежуточные дампы баз данных и каталог .venv для работы в среде python.

Описание веток

  • feature/001/config - конфигурационные файлы;
  • feature/002/static - статические файлы (стили, скрипты, иконки) для веб-страниц; используется фреймворк bootstrap;
  • feature/003/library - библиотека компонентов для веб-интерфейса;
  • feature/004/empty - файлы для пустой страницы-заглушки;
  • feature/005/database - настройки и тесты для работы с базами данных;
  • … ;
  • feature/999/ansible - инструменты автоматизации ansible.

Сборка с помощью ansible

Необходимо установить python-окружение:

python3 -m venv .venv
source .venv/bin/activate
pip3 install -r requirements.txt

После этого станут доступны команды системы ansible. Можно выполнить ansible-playbook empty-page.yml, ansible-playbook page-with-database.yml или составьте собственную конфигурацию, чтобы собрать проект из других компонентов.

На уровень выше текущей директории появится директория from-scratch с настройками, необходимыми для начала разработки в среде svelte. При необходимости ее можно переименовать, а также настроить собственный основной репозиторий:

mv ../empty-page ../my-project
cd ../my-project
git remote set-url origin https://github.com/OWNER/REPOSITORY.git
npm install
npm run dev -- --open

После этого проект откроется в браузере и можно будет вести его разработку обычным образом.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes