从html到pug模板,将变量从html-webpack-plugin传递到pug模板

是否可以将变量传递给我之前在'html-webpack-plugin'中定义的'pug-html-loader'加载的.pug模板？

webpack.config.babel.js

...

{

test: /\.pug$/,

use: [

{

loader: 'html-loader'

{

loader: 'pug-html-loader',

options: {

self: true

}

}]

}

...

plugins: [

new HtmlWebpackPlugin({

chunks: ['index'],

filename: 'index.html',

template: './src/templates/layout.pug',

title: 'Welcome',

file: 'index'

}),

new HtmlWebpackPlugin({

chunks: ['index', 'contact'],

filename: 'contact.html',

template: './src/templates/layout.pug',

title: 'Contact us',

file: 'contact'

}),

]

在layout.html中，我定义如下：

${ require('html-loader!../partials/' + htmlWebpackPlugin.options.file + '.html' ) }

如何使用它来传递所有变量 - 在Webpack插件中定义我的PugTemplates和文件中的用法？该应用程序应该是一个简单的创建简单网页的过程，它由几个静态页面组成。

从html到pug模板,将变量从html-webpack-plugin传递到pug模板相关推荐

Struts2解析FreeMarker模板中变量的顺序
http://zhxing.iteye.com/blog/391560 关于FreeMarker 的基础学习请参考文档..这里主要记录 FreeMarker 的一些问题.. 1.FreeMarker ...
Flask 模板之变量和过滤器
1.模板在前面的示例中,视图函数的主要作用是生成请求的响应,这是最简单的请求.实际上,视图函数有两个作用:处理业务逻辑和返回响应内容.在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和 ...
Django 模板中变量过滤器标签的使用方法
一.变量 1.变量的形式是:{{variable}}, 当模板引擎碰到变量的时候,引擎使用变量的值代替变量. 2.使用dot(.)能够访问变量的属性 3.当模板引擎碰到dot的时候,查 ...
laravel blade include使用变量_3分钟短文：可能是Laravel模板最直白的用法了，没有之一...
引言上一期我们通过分配路由地址,在url中接收位置参数并传递给控制器方法, 并且在控制器内简单地打印输出接收的参数. 本期我们尝试着使用laravel的模板功能,把控制器内组装好的数据渲染到视图模板 ...
Django 模板中变量、过滤器、标签的使用方法
2019独角兽企业重金招聘Python工程师标准>>> 一.变量 1.变量的形式是:{{variable}}, 当模板引擎碰到变量的时候,引擎使用变量的值代替变量. 2.使用dot( ...
类模板、变量模板、别名模板基础知识点二
基本概念类模板中的成员函数,只有源程序代码中出现调用这些成员函数的代码时,这些成员函数才会出现在一个实例化了的类模板中. 类模板中的成员函数模板,只有源程序中出现调用这些成员函数模板的代码时,这些成 ...
angular 模板引用变量 #变量名
文章目录 1背景 2模板内直接使用模板引用变量 2指令.组件等 1背景学习使用angular material时,看到了将一个模板(也就是html)中定义的变量赋值给了属性,实现了点击按钮触发mat ...
Angular模板引用变量（#var）
一.模板引用变量模板引用变量使用井号(#)来声明引用变量. 模板引用变量通常用来引用模板中的某个DOM元素,它可以引用Angular组件或指令或 Web Component. 我们可以在当前模板的任 ...
springboot模板引擎_Spring Boot实战：如何搞定前端模板引擎？
作者:liuxiaopeng 链接:https://www.cnblogs.com/paddix/p/8905531.html 前言虽然现在很多开发,都采用了前后端完全分离的模式,即后端只提供数据接 ...
公众平台模板消息所在行业_第三方工具微信公众号模板消息群发如何操作？
当下,公众平台模板消息功能仅支持添加模板,修改所在行业,如果想要群发模板消息,可以自己根据公众平台的接口编程实现,也可通过微号帮平台的模板消息群发功能实现,均可以让微信公众号群发模板消息,模板消息即按 ...

从html到pug模板,将变量从html-webpack-plugin传递到pug模板

从html到pug模板,将变量从html-webpack-plugin传递到pug模板相关推荐

最新文章

热门文章