安装 pug
npm i -D pug-html-loader pug-plain-pug
#安装支持pug依赖
npm install pug pug-loader pug-filters -D
#安装支持jade依赖
npm install jade jade-loader -D
pug :安装pug
pug-loader:pug的loader
pug-cli:pug 编译工具
pug-filters:pug的过滤器
修改 脚手架里面的文件
config.js
module.exports = {
rules:[ {
test: /\.pig$/ ,
loader : " pug-html-loader "
} ]
}
template lang = "pug"
li(style = {color:'red',fontSize:'30px'}) {
{num}}
这个里面 类似的 font - size 可以写成 fontSize
- var classes = ['foo', 'bar', 'baz']
a(class=classes) classes 里面可以写成 class
input框旁边如何跟 文本
<template lang=