parcel-project-template

Зависимости

На компьютере должена быть установлена LTS-версия Node.js.

Перед началом работы

Один раз на проект установить все зависимости.

npm ci

Разработка

Запустить режим разработки.

npm run dev

Во вкладке браузера перейти по адресу http://localhost:1234.

Деплой

Сборка будет автоматически собирать и деплоить продакшен версию проекта на GitHub Pages, в ветку gh-pages, каждый раз когда обновляется ветка main. Например, после прямого пуша или принятого пул-реквеста. За это отвечает GitHub Action описанный в .github/workflows/gh-pages.yml.

Для этого необходимо в файле package.json отредактировать поле homepage и скрипт build, заменив имя_пользователя и имя_репозитория на свои.

"homepage": "https://имя_пользователя.github.io/имя_репозитория",
"scripts": {
  "dev": "parcel src/*.html",
  "build": "parcel build src/*.html --public-url /имя_репозитория/"
},

Через какое-то время живую страницу можно будет посмотреть по адресу указанному в отредактированном свойстве homepage.

Файлы и папки

• Все паршалы файлов стилей должны лежать в папке src/sass и импортироваться в src/sass/main.scss
• Изображения добавляйте в папку src/images, заранее оптимизировав их. Сборщик просто копирует используемые изображения чтобы не нагружать систему оптимизацией картинок, так как на слабых компьютерах это может занять прилично времени.