07

빌드 및 배포

빌드(Build)

빌드는 두 가지의 모드가 존재하는데, 압축(Compressed)비압축(Uncompressed)입니다. 압축버전은 일반적으로 개발자가 자신의 스킨을 적용할 때 사용하며, 그렇지 않은 버전은 유저에게 배포하기 위한 것입니다.

비압축(Uncompressed)

빌드는 기본적으로 비압축모드로 진행되며 tidory build 명령을 내리면 됩니다.

 # tidory build
npm run build

압축(Compressed)

개발자가 직접 사용하기 위해 빌드하는 모드입니다. 웹페이지 로드속도를 향상시키기 위해 코드를 압축합니다.

 # tidory build --compress
npm run build:compress

배포(Distribution) 티도리 6.1

배포현재 사용 중인 스킨을 덮어쓰는 모드가 있고, 스킨저장소에 저장하는 모드가 있습니다. 추가적으로 배포를 사용하려면 환경설정ts_session, url 항목이 정상적으로 등록되어 있어야합니다.

배포를 하기 전에 먼저 빌드해야 합니다. dist 디렉토리를 대상으로 배포하기 때문이죠.

덮어쓰기(Overwrite)

현재 사용 중인 스킨에 덮어쓰려면 tidory deploy 명령으로 할 수 있습니다. 현재 사용 중인 스킨의 코드가 덮어써지고 업로드된 파일이 삭제되고 재업로드 됩니다.

# tidory deploy
npm run deploy

저장소(Store)

스킨저장소에 저장하려면 환경설정name 항목이 정상적으로 등록되어 있어야합니다.

# tidory store
npm run store

프로덕션 코드

dist/
├── images/
│   ├── script.js
│   └── app.js
├── preview256.jpg
├── preview560.jpg
├── preview1600.jpg
├── index.xml
├── skin.html
└── style.css

images/*

images 폴더는 템플릿 또는 컴포넌트에 포함된 리소스들이 모여있는 파일이며, 추가적으로 템플릿 내부에서 작성한 scoped 속성이 사용되지 않은 script 태그의 집합인 script.js, assets/app.js 에서 포함한 에셋들의 집합인 app.js 가 있습니다.

skin.html

티스토리 스킨으로 업로드할 최종 html 파일입니다.

style.css

템플릿에 있는 scoped 속성이 사용되지 않은 style 태그들의 집합 파일입니다.

preview*.jpg

docs 폴더에 있던 미리보기 파일이며 preview256.jpg, preview560.jpg, preview1600.jpg 파일이 존재합니다. 사용자에게 스킨 미리보기로써 제공됩니다.

index.xml

docs 폴더에 있던 티스토리 스킨 설정파일입니다.