美文网首页
webpack配置pug(曾用名jade)

webpack配置pug(曾用名jade)

作者: _Charles | 来源:发表于2017-11-10 18:02 被阅读0次

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

    相关文章

      网友评论

          本文标题:webpack配置pug(曾用名jade)

          本文链接:https://www.haomeiwen.com/subject/zpfimxtx.html