HtmlWebpackPlugin(html-webpack-plugin)传入自定义参数到模板

简介: HtmlWebpackPlugin(html-webpack-plugin)传入自定义参数到模板

文档:https://github.com/jantimon/html-webpack-plugin


示例:将版本号传入到html模板文件中


配置文件 webpack.config.js


const HtmlWebpackPlugin = require('html-webpack-plugin')
const version = require('./package.json').version;
module.exports = {
  plugins: [
    new HtmlWebpackPlugin({
      template: 'index.ejs'
      templateParameters: {
        'version': version
      },
    })
  ]
};

package.json

{
  "version": "2.0.1"
}

模板文件

<title><%= version %></title>

打包结果

<title>2.0.1</title>
相关文章
|
存储 Java 文件存储
ZooKeeper 避坑实践: SnapCount设置不合理导致磁盘爆满,服务不可用
本篇通过深入解读ZooKeeper 数据文件生成机制,以及ZooKeeper 中和数据文件生成相关的参数,探究一下 解决 ZooKeeper 磁盘问题的最佳实践。
ZooKeeper 避坑实践: SnapCount设置不合理导致磁盘爆满,服务不可用
|
存储 Docker 容器
Containerd数据持久化和网络管理
Containerd数据持久化和网络管理
|
8月前
|
自然语言处理 数据挖掘 API
淘宝直播间弹幕 API 接口(淘宝 API 系列)
淘宝直播间弹幕API助力电商直播数据分析与优化。通过实时获取弹幕信息(昵称、内容、时间、类型),商家可精准把握消费者需求,优化直播内容;开发者可构建数据分析工具和智能客服系统。接口采用WebSocket协议,支持全双工通信,确保数据实时性。请求需包含直播间ID(room_id),并遵循平台使用规范。示例代码展示了Python调用方法,需安装`websocket-client`库并处理重连与异常。
|
人工智能 自然语言处理 算法
电商行业智能搜索技术原理全解析
对于电商平台来说,智能搜索功能是至关重要的。本文剖析电商行业的搜索专属特点和业务需求,并介绍开放搜索提供的【电商行业模板】智能搜索能力,希望带给企业更多提升业务转化的思路和解决方案~
5118 1
电商行业智能搜索技术原理全解析
|
Web App开发 监控 应用服务中间件
|
存储 Java
二叉树的迭代器手写实现
二叉树的迭代器手写实现
|
运维 前端开发 程序员
阿里云建站产品如何选择?【新手指南】
注:以下配置仅是个人根据经验推荐,在实际配置过程中,我们还可以多听听自己的程序和技术开发人员推荐的配置。选择云产品之前先领取最高价值2000代金券以减少上云成本
阿里云建站产品如何选择?【新手指南】
|
移动开发 JavaScript API
|
监控 JavaScript 数据库
morgan nodejs日志组件两种用法
记录请求参数和请求内容 默认morgan没有提供记录请求参数和请求内容的方法, 但是他提供了扩展方法,如下: morgan.token('requestParameters', function(req, res){ return JSON.
1582 0