webpack配置pug(曾用名jade)

本文讲的主要是通过webpack配置pug（曾经叫jade）可以让我们在.vue文件中使用更加简练的模板，避免重复的书写各种标签，个人在使用后感觉还是能极大的提升开发效率，也让模板看起来很干净。

• 首先需要下载对应的loader，你可以通过yarn（推荐）或者npm，下载完成后需要在webpack的rules里面配置，然后重启服务就可以在.vue文件的模板里面使用pug模板了
• 相关学习网站
  pug

cli

yarn add -D jade jade-loader
yarn add -D pug pug-loader pug-filters
或
npm i -D pug pug-loader pug-filters
npm i -D jade jade-loader 

webpack

{
  test: /\.jade$/,
  loader: "jade"
},
{
  test: /\.pug$/,
  loader: 'pug'
}