Vue CLI で Pug を使う 2019年6月

Vue CLI でサクッと環境を創ってさて検証！さて開発！って言ったときに Pug を使いたいことってありますよね。いつのタイミングだったか loader 周りで変更があったのでメモ

環境

• Vue CLI 3.8.4

インストール

$ npm i -D pug pug-plain-loader

pug-plain-loader を入れましょ（前は pug-loader だった）

サンプル

<template lang="pug">
  #app
    HelloWorld(msg="Hello World")
</template

あとはいつもどおりに template に lang=”pug” を指定するだけです。