有关 pug-loader 的使用

一、安装

npm i pug pug-loader

#二、 配置
vue-cli 3 以下版本修改webpack

vue-cli 3 以上版本 是在vue.config.js 里面修改

#三 使用

lang = ‘pug’
. 就是 默认 div 的 class 名

缩进 就是默认 含在 下一级
不用写 类似 结束 标签。 看起来比较简洁。

<template lang='pug'>
.kkkk
  div(class="start common" @mousedown="mousedown($event)" @mousemove="mousemove($event)" @mouseup="mouseup($event)"