jade가 아니라 pug

상당히 Static Html을 쓰지 않았는데, 오랜만에 조금 쓰게 되었기 때문에 여러가지 어떻게 할까 고민하고 Jade 만질까 생각했는데, 어느새 Jade(토끼)씨가 Pug(개)씨로 바뀌었다 있었습니다.

이름과 확장자, 일부 기능이 바뀌었을 뿐이므로 문서 사이트도 Jade 그대로입니다.
그러나 다음과 같이 node-module에 pug를 추가하고 npm-scripts로 compile하려고하면 분노합니다.

pug

설치 및 package.json

$ npm i pug --save

package.json

{
  "name": "hogehoge",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "compile-pug": "pug --hierarchy -o public/ src/"
  },
  "dependencies": {
    "pug": "^2.0.0-beta3"
  },
  ...
}

디렉토리 및 파일

src/

index.pug

foo-dir/

bar.pug

jade 때는 jade --hierarchy -o public/ src/ 에서 좋았습니다만, pug는 pug와 pug-cli 가 필요합니다.

넣자.

$ npm i pug pug-cli --save

이제 compile을 통과합니다. 이름이 바뀐 것은 권리관계의 문제라고 합니다. fm...