Read in other languages: 袪褍褋褋泻懈泄, Polski.
Ten projekt zosta艂 stworzony przy pomocy Parcel. W celu zapoznania si臋 i skonfigurowania dodatkowych opcji zobacz dokumentacj臋
parcel-project-template
na nazw臋 swojego projektu.npm install
.npm start
.src/sass
i importowa膰 si臋 w pliki styl贸w stron. Na przyk艂ad dla index.html
plik styl贸w nazywa si臋 index.scss
.src/images
. Modu艂 zbieraj膮cy optymalizuje je, ale tylko przy deploymencie wersji produkcyjnej projektu. Wszystko to zachodzi w chmurze, aby nie obci膮偶a膰 twojego komputera, poniewa偶 na s艂abszym sprz臋cie mo偶e to zaj膮膰 sporo czasu.Aby skonfigurowa膰 deployment projektu nale偶y wykona膰 kilka dodatkowych krok贸w konfigurowania twojego repozytorium. Wejd藕 w zak艂adk臋 Settings
i w podsekcji Actions
wybierz punkt General
.
Przejd藕 do ostatniej sekcji, w kt贸rej upewnij si臋, 偶e wybrane opcje s膮 takie same jak na nast臋pnym obrazku i kliknij Save
. Bez tych ustawie艅 w module zbieraj膮cym b臋dzie zbyt ma艂o pozwole艅 dla automatyzacji procesu deploymentu.
Wersja produkcyjna projektu b臋dzie automatycznie gromadzi膰 si臋 i deployowa膰 na GitHub Pages w ga艂臋zi gh-pages
za ka偶dym razem, gdy aktualizuje si臋 ga艂膮藕 main
. Na przyk艂ad po bezpo艣rednim pushu lub przyj臋tym pull reque艣cie. W tym celu niezb臋dne jest, aby w pliku package.json
wyedytowa膰 pole homepage
i skrypt build
, zamieniaj膮c your_username
i your_repo_name
na swoje nazwy i wys艂a膰 zmiany na GitHub.
"homepage": "https://your_username.github.io/your_repo_name/",
"scripts": {
"build": "parcel build src/*.html --public-url /your_repo_name/"
},
Dalej nale偶y wej艣膰 w ustawienia repozytorium GitHub (Settings
> Pages
) i wystawi膰 dystrybucj臋 wersji produkcyjnej z folderu /root
ga艂臋zi gh-pages
, je艣li nie zrobi艂o si臋 to automatycznie.
Status deploymentu ostatniego commitu wy艣wietla si臋 na ikonie obok jego identyfikatora.
Wi臋cej informacji o statusie mo偶na zobaczy膰 klikaj膮c na ikonk臋 i w wyskakuj膮cym oknie przej艣膰 do odno艣nika Details
.
Po jakim艣 czasie, zazwyczaj kilku minut, dzia艂aj膮c膮 stron臋 b臋dzie mo偶na zobaczy膰 pod adresem wskazanym w wyedytowanej w艂a艣ciwo艣ci homepage
. Na przyk艂ad tu znajduje si臋 odno艣nik do dzia艂aj膮cej strony dla tego repozytorium
https://goitacademy.github.io/parcel-project-template.
Je偶eli otwiera si臋 pusta strona, upewnij si臋, 偶e w zak艂adce Console
nie ma b艂臋d贸w zwi膮zanych z nieprawid艂owymi 艣cie偶kami do plik贸w projektu CSS i JS (404). Najprawdopodobniej wprowadzona zosta艂a nieprawid艂owa warto艣膰 w艂a艣ciwo艣ci homepage
lub skryptu build
w pliku package.json
.
main
repozytorium GitHub, w艂膮cza si臋 specjalny skrypt (GitHub Action) z pliku .github/workflows/deploy.yml
.gh-pages
. W przeciwnym razie, w logu wykonania skryptu wskazane zostanie, w czym jest problem.