Flask使用render_template渲染时如何在生产环境忽略自定义属性

• 模板/编译构建阶段处理（首推方案） #

  如果你使用Vue、React、Angular等前端框架，或基于Vite、Webpack等构建工具搭建项目，可以直接在编译环节通过插件根据环境变量过滤属性：
  • Vite生态可安装vite-plugin-remove-attributes插件，仅在process.env.NODE_ENV === 'production'时配置移除data-test-id属性即可
  • React+Webpack生态可使用babel-plugin-react-remove-properties插件，在生产环境的babel配置中添加需要移除的属性规则
  • 其他框架也都有对应的模板编译钩子可以自定义属性过滤逻辑

• 服务端渲染/模板引擎层处理 #

  如果你用的是后端服务端渲染方案（比如Node.js、Java、PHP的后端模板引擎），可以在全局渲染中间件/过滤器中加判断：生产环境渲染模板时，自动过滤掉所有标签上的data-test-id属性再输出HTML。

• 构建后批量处理 #

  如果不想调整现有构建逻辑，可以在生产构建完成后、部署上线前，运行自定义脚本（比如基于cheerio的Node脚本）遍历所有生成的静态HTML文件，批量删除所有data-test-id属性后再部署。

注意：不推荐使用前端运行时JS删除data-test-id的方案，该方案下属性仍会出现在初始HTML源码中，只是后续被JS动态移除，既达不到完全隐藏的效果，还会产生不必要的运行时开销。

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