디렉토리

├── assets/
├── docs/
│     ├── index.xml
│     ├── preview256.jpg
│     ├── preview560.jpg
│     └── preview1600.jpg
├── images/
├── layouts/
│     └── default.pug
├── views/
├── .env
├── app.pug
├── index.pug
├── webpack.base.conf.js
└── webpack.entry.js

assets/*

해당 디렉토리에는 webpack.entry.js 에 포함될 파일 뿐만 아니라, 다른 소스에서 포함되는 styl, less 와 같은 확장 템플릿 파일 및 퍼그 템플릿에 인라인으로 포함되는 파일, 자바스크립트 플러그인, 스캐폴딩에 사용될 컴포넌트(Components) 도 여기에 위치합니다.

docs/*

티스토리 스킨 업로드에 필요한 파일이 위치하고 있습니다. index.xml, preview256.jpg, preview560.jpg, preview1600.jpg, 빌드 및 배포dist 폴더로 이동합니다.

images/*

보통 프레임워크에서 정적파일의 폴더이름은 static 으로 처리 될 수 있습니다만, 티스토리에서는 images 폴더로 모든 정적파일 을 관리합니다.

layouts/*.pug

레이아웃 파일이 들어갈 수 있습니다. default.pug 파일이 기본적으로 생성되어 있으며, 이는 index.pug 에서 기본 레이아웃으로 사용됩니다. 기본적으로 레이아웃 파일은 app.pug 파일을 상속받아 사용합니다.

views/*.pug

pug 템플릿 파일이 위치할 폴더입니다. 보통 index.pug 파일의 block TIDORY 부분에서 템플릿파일을 포함시킵니다. 소스구조는 분활해서 구성하는 것이 원칙입니다. 템플릿 분리 부분을 참고하세요.