如何将 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,它会重命名并返回一个我可以的新文件用于生产?

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)