TidoryContainer

Documents

DocumentsContent

TidoryPatchNote

Tidory 1.3.4

Tidory 1.3.4 버전에서는 디렉터리 구조에 큰 변화가 있습니다. 조금더 구조적이고 템플릿을 확실히 나눌 수 있도록 변경하였습니다.

변경된 디렉터리 구조

기존 src디렉터리에 위치해 있던 assets, views(templates), index.pug, style.css(.less), webpack.entry.js(main.js) 파일을 루트에 옮겨놓았으며 추가로 뷰(.pug)파일의 스타일시트를 넣을 수 있는 view_styles 디렉터리를 추가하였습니다.
├── build/
│   ├── tistory.build.config.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── docs/
├── images/
├── layouts/
├── assets/
├── view_styles/
├── views/
├── index.pug
├── style.css
└── webpack.entry.js

Tidory/views/*.pug

이제 모든 템플릿 파일(*.pug)은 views 디렉터리에 위치하게 됩니다.

Tidory/view_styles/*.css

이 폴더는 뭉쳐있던 스타일시트와 뷰를 분리하기 위함이며 템플릿에 대응하는 스타일시트 파일을 넣어야 합니다. 따라서 views/HelloWorld.pug파일에 존재하는 경우 다음과 같이 view_styles/HelloWorld.css를 생성하여 포함시키십시오. 이 폴더는 웹팩에 의해 자동으로 번들링 되지 않습니다. 따라서 style.css 파일에 다음과 같이 포함시켜야 합니다.
 style.css

/* view_styles */
	/* HelloWorld.pug */
		@import url('./view_styles/HelloWorld.css');

less 확장제거

접근성의 향상을 위해 기존 프로젝트에 포함되어있던 less 스타일시트 확장이 제거되었습니다. 따라서 기본적으로는 css 를 사용하시되, 필요에 따라 확장을 설치해주시기 바랍니다.