ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° ΡΠ°Π±ΠΎΡΡ Ρ Π²Π°Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½Ρ Π±ΡΡΡ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Node.js 16
- Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° -
npm i
- ΠΠ°ΠΏΡΡΠΊ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΡΠ²Π΅ΡΠ° Π±Π΅Π· ΠΌΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΠΉ -
npm start
- ΠΠ°ΠΏΡΡΠΊ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΡΠ²Π΅ΡΠ° c ΠΌΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡΠΌΠΈ,
Π΄Π°Π½Π½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅,
ΠΎΠ½ Π½ΡΠΆΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠ΅ΡΡΠΎΠ² ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ
Π½Π° Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠΌ Ρ ΠΎΡΡΠ΅ -npm run dev
- Π‘Π±ΠΎΡΠΊΠ° ΠΏΡΠΎΠ΅ΠΊΡΠ°, ΠΌΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΡΠΊΡΠΈΠΏΡΠΎΠ²
ΠΈ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠ΅ΡΠ΅Π΄ Π΄Π΅ΠΏΠ»ΠΎΠ΅ΠΌ Π½Π° ΠΏΡΠΎΠ΄ -npm run build
- Π‘Π±ΠΎΡΠΊΠ° ΠΏΡΠΎΠ΅ΠΊΡΠ°, Π±Π΅Π· ΠΌΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ
ΠΈ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠ΅ΡΠ΅Π΄ Π΄Π΅ΠΏΠ»ΠΎΠ΅ΠΌ Π½Π° ΠΏΡΠΎΠ΄ -npm run nomin
- ΠΠ°ΠΏΡΡΠΊ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΡ ΠΊΠΎΠ΄Π³Π°ΠΉΠ΄Π°ΠΌ -
npm test
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ webp ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ source -
npm run webp
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ avif ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ source -
npm run avif
- ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ (png, svg, jpg) -
npm run optimize
ΠΠ»Ρ ΡΠ°Π±ΠΎΡΡ ΡΠΊΡΠ΅Π½ΠΎΠ² ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΡ Π½ΡΠΆΠ½ΠΎ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Actions -> General Π²ΡΠ±ΡΠ°ΡΡ ΡΠ΅ΠΊΠ±ΠΎΠΊΡ "Allow GitHub Actions to create and approve pull requests" (Π‘ΠΊΡΠΈΠ½ΡΠΎΡ)
ΠΠΈΡΠ΅ΠΊΡΠΎΡΠΈΡ build Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π° Π² ΡΠ°ΠΉΠ» gitigonre. ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΠ°ΠΏΠΊΠΈ build Π½Π° ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Π½Π°ΡΡΡΠΎΠ΅Π½Ρ ΡΠΊΡΠ΅Π½Ρ. ΠΠ»Ρ ΡΠ°Π±ΠΎΡΡ Ρ Π½ΠΈΠΌΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅ Π³ΠΈΡΡ Π°Π±Π° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°ΠΉΡΠΈ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡ **Actions** ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ:
- ΠΡΠ±ΡΠ°ΡΡ ΡΠΊΡΠ½, ΠΊΠΎΡΠΎΡΡΠΉ Π½ΡΠΆΠ½ΠΎ Π·Π°ΠΏΡΡΡΠΈΡΡ. Π ΡΠ±ΠΎΡΠΊΠ΅ Π½Π°ΡΡΡΠΎΠ΅Π½ΠΎ Π΄Π²Π° ΡΠΈΠΏΠ° ΡΠΊΡΠ΅Π½ΠΎΠ² - build ΠΈ production. Build - ΡΠΎΠ±ΠΈΡΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π±ΠΈΠ»Π΄ ΠΏΡΠΎΠ΅ΠΊΡΠ°, Π±Π΅Π· ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠΎΠ². Production - ΡΠΎΠ±ΠΈΡΠ°Π΅Ρ Π±ΠΈΠ»Π΄ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΈ ΠΈΡΡ ΠΎΠ΄Π½ΡΠ΅ ΡΠ°ΠΉΠ»Ρ.
- ΠΠ°ΠΆΠ°ΡΡ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ
Run workflow
. Π Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅ΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ ΡΠΊΡΠ½ Π±ΡΠ΄Π΅Ρ Π·Π°ΠΏΡΡΠ΅Π½ ΠΈΠ· Π²Π΅ΡΠΊΠΈ master ΠΈ Π½Π°ΠΆΠ°ΡΡ Π·Π΅Π»Π΅Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡRun workflow
. - ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Actions ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° ΠΏΡΠΎΡΠ΅ΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π½Π°ΡΠ΅Π³ΠΎ ΡΠΊΡΠ΅Π½Π°. ΠΠΎΠ³Π΄Π° ΡΠΊΡΠ½ ΠΎΡΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ, Π½Π°ΠΏΡΠΎΡΠΈΠ² Π΅Π³ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΡ ΠΏΠΎΡΠ²ΠΈΡΡΡ Π·Π΅Π»Π΅Π½ΡΠΉ Π·Π½Π°ΡΠΎΠΊ, ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ ΡΡΠΎ ΠΎΡΠΈΠ±ΠΎΠΊ ΠΏΡΠΈ Π΅Π³ΠΎ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ Π½Π΅Ρ ΠΈ ΠΎΠ½ ΠΎΡΡΠ°Π±ΠΎΡΠ°Π» ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ. ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π² ΡΠΏΠΈΡΠΊΠ΅ Π²Π΅ΡΠΎΠΊ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΡΠ²ΠΈΡΡΡΡ Π²Π΅ΡΠΊΠ°
build
ΠΈΠ»ΠΈproduction
, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π±ΡΠ΄Π΅Ρ Π»Π΅ΠΆΠ°ΡΡ Π½Π°Ρ ΡΠΎΠ±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ.