TidoryContainer

Documents

DocumentsContent

이 문서는 Tidory 2.x 버전에 대한 문서입니다. Tidory 1.x 에 대한 문서를 보려면?

TidoryPatchNote

스크립트 파일 분리

템플릿에 script 태그를 통해 작성하면, 빌드 또는 배포시 images/script.js 파일로 분리되며 이 파일은 tidory.bundle.js 파일 다음에 포함됩니다.
*.pug

//- script
script.
  // ...
skin.html
          
  <!-- ... -->
  <script src="./images/tidory.bundle.js">
  <script src="./images/script.js">
</body>

디렉티브: t-inline:script, t-inline:style

티도리에 드디어 디렉티브 가 추가되었습니다. t-inline:* 디렉티브는 템플릿에 style, script 태그를 작성하면 해당 태그를 파일(style.css, script.js) 로 분리하지 않고 인라인 상태로 남게합니다. 따라서 코드의 자유도가 크게 증가합니다.
*.pug

//- style
style(t-inline:style).
  // ...
//- template
  // ...
//- script
script(t-inline:script).
  // ...

dist 디렉터리

이제 빌드 또는 배포 명령시 생성되던 dist 디렉터리가 덮어지지 않고, 명렁할 때마다 삭제되고 새로 생성됩니다.

url-loader

다시 url-loader 가 추가되었습니다. file-loader 사용시 티스토리 플랫폼에서 CDN 문제가 발생합니다. 따라서 디폴트로 추가하였습니다.
webpack.base.conf.js

const path = require('path');

module.exports = {
// ...
    rules: [
      {
        test: /.(png|jpe?g|gif|svg)(?.*)?$/,
        loader: 'url-loader'
      },
      {
        test: /.(mp4|webm|ogg|mp3|wav|flac|aac)(?.*)?$/,
        loader: 'url-loader'
      },
      {
        test: /.(woff2?|eot|ttf|otf)(?.*)?$/,
        loader: 'url-loader'
      },
// ...
}

assets 디렉터리

다시 assets 가 추가되었습니다. 필수적으로 있어야 되는 디렉터리는 아니지만, webpack.entry.js 에 포함할 파일을 넣는 용도입니다.
* 해당 변경사항에 대한 관련 티도리 모듈 버전은 Tidory 2.5.0 입니다. 그 이하의 버전을 사용하고 계시다면, 다시 설치해주시거나 업데이트 해주시기 바랍니다.