web.dev

web.dev [보관]

참고 : 이 사이트는 새로운 플랫폼으로 마이그레이션 되며이 저장소는 읽기 전용 모드로 제공됩니다. 우리는 새로운 풀 요청을 병합하지 않을 것입니다 . 새로운 이슈 트래커에서 컨텐츠 문제를 제기하십시오.

Web.dev는 모든 배경을 가진 개발자가 웹에서 학습, 만들기 및 해결할 수있는 최고의 리소스입니다. 그것은 개발자를 교육 할뿐만 아니라 개인이나 비즈니스와 같은 사이트에 배운 내용을 적용하는 데 도움이됩니다.

---

[보관 된 readme]

사이트 구축?

최근 버전의 노드가 필요합니다 : v14 (lts) 이상이 필요합니다. 터미널에서 노드 버전 실행 node -v 확인합니다.

노드가 없거나 업그레이드 해야하는 경우 노드 버전 관리자 (NVM)를 사용하는 것이 좋습니다.

레포를 복제하십시오

git clone https://github.com/GoogleChrome/web.dev.git

디렉토리를 생성 된 폴더로 변경하십시오

 cd web.dev

종속성을 설치하십시오

npm ci

로컬 서버를 시작하여 사이트를 미리 볼 수 있습니다

npm run dev

http://localhost:8080/ 로컬로 현지에서 사이트를 보려면 엽니 다. 자산 변경으로 인해 사이트가 재건됩니다. 변경 사항을 보려면 새로 고침.

빌드 플래그를 설정하십시오

전체 사이트를 구축하는 데는 약 1 천 페이지가 걸리기 때문에 시간이 걸릴 수 있습니다. 빌드 시간 속도를 크게 높이려면 특정 섹션을 무시하기 위해 빌드 플래그를 설정하는 것이 좋습니다.

• 프로젝트의 루트에서 .env 파일 생성
• 다음을 추가하십시오.

 # Ignore ALL site content
ELEVENTY_IGNORE=true

# Only build the directories you're working on.
# Note, this is a JSON string so you must use double quotes.
ELEVENTY_INCLUDE=["blog", "vitals"]

환경?

ELEVENTY_ENV=prod 강제 생산 빌드를 설정하십시오. "Stage"또는 "Deploy"를 실행할 때 기본값입니다. Eleventy Site Config는 지정되지 않은 경우 'Dev'로 기본값을 받지만 ELEVENTY_ENV 에 대한 다른 옵션은 지원되지 않습니다.

프로덕션 빌드에는 현재 node 가

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate * , char const * , bool) [node]

필요한 node 공간의 정확한 양은 컴퓨터마다 다릅니다. 로컬 생산 빌드가 필요하지만 메모리가 부족한 경우, run 전에 npm 명령에 --node-options '--max_old_space_size=8192' (8GB의 힙 스페이스 할당)을 추가하여 힙 크기를 늘릴 수 있습니다. 예를 들어:

ELEVENTY_ENV=prod npm --node-options ' --max_old_space_size=8192 ' run build

준비?

풀 요청을 보내면 자동으로 준비됩니다. NetLify 봇이 고유 한 URL로 풀 요청에 대해 주시하십시오.

사이트 배포

자동 배포

이 사이트는 매 시간마다 메인 브랜치를 자동으로 빌드하고 배포합니다. 방금 기사를 병합했다면 다음 시간의 맨 위에 살아야합니다.

수동 배포

사이트를 수동으로 배포하려면 이러한 Google 팀 중 하나의 구성원이어야합니다.

• web.dev-eng
• web.dev-소유자

1. 클라우드 빌드 트리거 페이지로 이동하십시오.
2. 배포 라는 트리거의 실행 버튼을 클릭하십시오.
3. 열리는 측면 서랍에서 메인 브랜치 트리거의 실행 트리거 버튼을 클릭하십시오.

참고 : Web.dev Auto main 지점에 새로운 커밋이있는 경우 매 시간마다 배포됩니다. 수동 배포는 빌드가 실패하거나 자동 배포가 비활성화 된 경우에만 발생해야합니다.

디버깅?

사이트의 빌드 프로세스를 디버깅 해야하는 경우 :

1. .eleventy.js 에 debugger 명령문을 추가하십시오
2. 실행 npm run debug:eleventy
3. about://inspect .