프레임워크 아키텍쳐

프레임워크 아키텍쳐

프레임워크 아키텍쳐

소스 합치기

html 문서가 선언된 app.pug 를 최상위 문서로 취급하여 layouts/*.pug 템플릿과 스킨의 메인 템플릿인 index.pug, 그리고 각 기능별로 분리된 views/*.pug 템플릿을 합치는 것으로 skin.html 문서를 만듭니다.

번들링 및 파일 분리

webpack.base.conf.js 설정에 따라 웹팩으로 빌드하고 webpack.entry.js 에 포함된 파일을 번들링하여 app.js 파일을 생성합니다. 또한 스타일 및 스크립트 태그에 쓰인 scoped 속성에 따라 style.cssscript.js 파일로 분리합니다.

메타데이터

메타데이터 는 티스토리 스킨을 등록하기 위해 부가적으로 등록하는 문서들로써 스킨 미리보기파일인 *.jpg 파일과 라이센스, 버전을 명시한 index.xml 이 주 파일이며, 템플릿이 합쳐진 이후에 복사되어 이동됩니다.

배포 준비완료

빌드 및 복사가 끝나게 되면 사용자에게 배포 할 준비가 끝납니다. 배포가 끝난 뒤 생성되는 파일에 대해서는 배포 디렉토리 를 참고합니다.