本文讲的主要是通过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'
}
网友评论