Простенькая сборка Parcel 1.12.5 c функцией деплоя на GitHub
-
Копируем этот репозиторий себе.
-
Открываем в VSCode и запускаем в консоли команду
npm ci
чтобы установить загрузчики и плагины из перечня "package-lock.json". -
Меняем под себя значения ключей в файле "package.json":
-
"name": "parcel-1.12.5-lite"
на"name": "имя_вашего_проекта"
или просто"name": ""
; -
"homepage": "https://Eduard-Konovka.github.io/parcel-1.12.5-lite"
на"homepage": "https://ваше_имя_на_ГитХабе.github.io/имя_вашего_проекта"
; -
В параметрах "scripts" -
"build": "parcel build src/index.html --public-url /parcel-1.12.5-lite/"
на"build": "parcel build src/index.html --public-url /имя_вашего_проекта/"
; -
В параметрах "repository" -
"url": "git+https://github.com/Eduard-Konovka/parcel-1.12.5-lite.git"
на"url": "git+https://github.com/ваше_имя_на_ГитХабе/имя_вашего_проекта.git"
; -
В параметрах "bugs" -
"url": "https://github.com/Eduard-Konovka/parcel-1.12.5-lite.git/issues"
на"url": "https://github.com/ваше_имя_на_ГитХабе/имя_вашего_проекта.git/issues"
; -
"author": "Eduard Konovka <ed098ua@gmail.com>"
на"author": "Ваше_имя <ваш_e-mail>"
или просто"author": ""
.
-
-
npm run dev
- для запуска разработки и создания в папке build файлов разработки (index.html, main.css, main.js, изображения и др.). Во вкладке браузера перейти по адресу http://localhost:1234. -
npm run build
- для запуска продакшена и создания в папке build минифицированных файлов продакшена (index.html, main.css, main.js, изображения и др.). -
npm run deploy
- для деплоя файлов разработки на ГитХаб. На всякий случай стоит зайти в настройки репозиторияSettings
>Pages
и убедиться что продакшен версии файлов раздаются из папки/root
веткиgh-pages
.
- Все паршалы файлов стилей должны лежать в папке
src/sass
и импортироваться вsrc/sass/main.scss
- Изображения добавляйте в папку
src/images
, заранее оптимизировав их. Сборщик просто копирует используемые изображения чтобы не нагружать систему оптимизацией картинок, так как на слабых компьютерах это может занять много времени.