vue+webpack添加对pug的支持

// 安装pug和加载器
yarn add pug-loader pug-plain-loader pug --dev

  

// webpack.config.js中 添加规则

{ test: /\.pug$/, use: ['pug-plain-loader'] }

 

使用 

<template >
    div
</template>

<script>
export default {}
</script>

<style>
</style>

  

如果不装pug-plain-loader会报错:

Component template requires a root element, rather than just text.

  

参考:https://stackoverflow.com/questions/51073702/vue-pug-language-has-not-been-recognized-in-vue-template