html-webpack-plugin的templateParameters仅传递JSON-safe数据，需在模板中显式声明初始化逻辑（如挂载window.__INIT_DATA__），JS插件监听DOM就绪后读取并执行，不可直接传函数或DOM引用。

HTML模板本身不执行逻辑，所有功能拓展必须靠 JS 插件在运行时注入行为。直接写在模板里的 onclick 或内联脚本无法复用、难维护、易冲突——真正的扩展要从「分离模板结构」和「绑定可配置插件实例」开始。

html-webpack-plugin 的 templateParameters 怎么传参给 JS 插件

模板只是字符串容器，templateParameters 传进去的是纯数据对象，不是 JS 执行环境。你不能指望它自动调用 new CalendarPlugin()。

• 必须在模板中显式声明初始化逻辑，例如：

  <script>
    window.__INIT_DATA__ = <%= JSON.stringify(htmlWebpackPlugin.options.templateParameters) %>;
  </script>

• JS 插件入口需监听 DOM 就绪后读取 window.__INIT_DATA__，再决定是否渲染、挂载到哪个容器（如 data-calendar-target=".calendar"）
• 若参数含函数或 DOM 引用，会序列化失败——只传 JSON-safe 数据（字符串、数字、布尔、嵌套对象/数组）

CLNDR.js 模板里怎么安全插入动态事件绑定

CLNDR.js 渲染完的 DOM 是静态 HTML 字符串，它不帮你绑定事件。所谓“点击事件支持”，是指你得在 clickEvents.click 回调里自己处理，而不是在模板里写 onclick="handleClick(...)"。

dmap-jsapi-skill

DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。

下载

• 模板中保留干净结构：

  <div class="clndr-day" data-date="<%= day.date.format('YYYY-MM-DD') %>"><%= day.day %></div>

• 在 CLNDR 初始化后，用事件委托绑定到外层容器：

  document.querySelector('.clndr').addEventListener('click', e => {
    const dateEl = e.target.closest('[data-date]');
    if (dateEl) handleDateClick(dateEl.dataset.date);
  });

• 避免对每个 .clndr-day 单独绑定——CLNDR 会重绘 DOM，直接绑定会丢失

自定义 HTML 插件如何避免与 html-minifier 冲突

html-minifier 默认会删掉未标准属性（如 v-if、@click），也会合并空标签、移除换行，导致你的插件初始化脚本找不到目标节点或属性被破坏。

立即学习“前端免费学习笔记（深入）”；

• 必须显式配置 customAttrAssign 和 customEventAttributes：

  {
    customAttrAssign: [/(?:v-|@|:|data-)/],
    customEventAttributes: [/^@/, /^v-on:/],
    collapseWhitespace: true,
    removeComments: true
  }

• 禁用可能破坏结构的选项：不要开 removeEmptyAttributes（会删掉 data-plugin="calendar" 这类空值属性）
• 插件初始化脚本建议放在 <body> 底部或用 defer，避开 html-minifier 对内联脚本的误判

最常被忽略的一点：所有 JS 插件的初始化时机必须明确——是等 DOM 加载完？等 Webpack 注入资源后？还是等第三方库（如 Moment.js）就绪？没对齐这个时机，再好的模板和配置都会白搭。