升级Lit至2.7.5后，如何去除HTML中的<!--?lit$xxx$-->注释？

这些注释是Lit在开发模式下新增的模板定位标记，用于提升调试体验，生产构建默认会自动移除。针对你的需求，有以下几种处理方式：

• 关闭开发模式的注释生成
  在项目初始化代码中添加配置，禁用Lit的开发模式，就能阻止这类注释生成：

  import { setDevMode } from 'lit';
  setDevMode(false);
  

  注意：关闭后会丢失开发时的模板错误定位能力，比如控制台报错无法直接关联到模板中的具体节点。

• 检查生产构建配置
  如果生产环境仍出现这类注释，确认你的构建工具（如Vite、Webpack）开启了生产压缩。以Vite为例，确保vite.config.js中没有禁用默认的压缩配置：

  export default {
    build: {
      minify: 'esbuild', // 生产模式默认开启，会自动移除无用注释
    },
  };
  

• 调整e2e测试选择器（临时方案）
  要是不想改动框架配置，可直接修改测试代码，跳过注释节点。比如用:not(comment)过滤，或者直接通过类名/ID选择目标元素，而非依赖节点位置：

  // 过滤注释后选择第一个div
  document.querySelector('div:not(comment)');
  // 更可靠的方式：直接通过类名选择
  document.querySelector('.your-target-class');
  

内容的提问来源于stack exchange，提问作者eXception