Vue2.0 如何使用 pug

cli 3

npm i -D pug pug-html-loader pug-plain-loader

cli 2

npm i -D pug pug-html-loader

webpack config

module.exports = {

  pluginOptions: {

    "style-resources-loader": {

      preProcessor: "less",

      patterns: [path.resolve(__dirname, "./src/assets/css/variable.less")],

    },

  },

  chainWebpack: config => {

    config.resolve.alias.set("@", resolve("src"));

    config.module

      .rule("pug")

      .test(/\.pug$/)

      .use("pug-html-loader")

      .loader("pug-html-loader")

      .end();

  },

};

<template lang="pug"></template>