npm-scriptsでpugをcompile

2915 ワード
Jade npm npm-scripts pug npm テキストリンク

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...