如何将 django 模板中使用的 vue js 代码混淆为内联脚本？

如何解决如何将 django 模板中使用的 vue js 代码混淆为内联脚本？

我正在开发一个应用程序，使用 django 作为后端，前端使用 django 模板（在 url 之间导航时重新加载页面）。

对于一些高级功能，我不得不在模板和后端之间使用 ajax 通信，以避免为每个操作重新加载。所以我最终使用 vue js 来响应服务器响应并构建一个非常复杂的 UI。

通常我使用 django 压缩器和 uglifyjs 在每个用户请求（中间件）上使用 {% compress %} 缩小和修改我使用 jquery 或 vanilla js 构建的脚本的变量名称。这次使用 vue，当我修改数据和函数名称时，它们从 v-if 和 v-bind 中的 html 引用：...等仍然与之前相同，导致 UI 中断，因为 v-if 和 v-bind 中的指令html 不使用重整后的新变量名。

我想知道是否有办法解析 html 并使用 django 压缩器重命名引用。 如果压缩器不提供这样的功能，是否有一些 npm 包或其他工具/脚本，我可以手动提供一个包含 HTML 和我的 vue js 代码的 file.html，它会重命名并返回一个我可以的新文件用于生产？

谢谢。