pug在Vue中的使用

安装pug

npm i pug pug-loader pug-cli pug-filters -D

pug ：安装pug
pug-loader：pug的loader
pug-cli：pug 编译工具
pug-filters：pug的过滤器

接着在webpack中进行配置

module: {
    rules: [
      {
        test:/\.jade$/,
        loader:"jade"
      },{
        test:/\.pug/,
        loader:"pug"
      },
  ]
}

最后在vue 模板中添加编译语言pug即可

<template lang="pug">
  div(class=["hello"])
    h1 {{ msg }}
    h3 vue + axios + pug + stylus + typeScript
</template>