如何阻止 AMP 删除未使用的 CSS 类？

问题描述

我注意到 AMP 删除了我的样式表中未使用的 CSS 类。这会阻止我在用户点击按钮时使用 amp-bind 将这些类添加到 HTML 元素中。

on="submit-success: AMP.setState({'disliked_clicked': event.response.disliked_clicked})"

<div id="liked" [class]="liked_clicked">Add CSS class when clicked</div>

disliked_clicked 的值取决于服务器逻辑，但例如可以是“class-one”或“class-two”。

在我的样式表中，我有：

.class-one {
    some styles
}
.class-two {
    some styles
}

在源代码中找不到这两个类，我假设 AMP 删除了它们，因为它们最初并未应用于任何 HTML。

我找到了一种解决方法，即在 HTML 中包含一个应用了样式的空 div。

<div class="class-one class-two">I have no practical purpose</div>

我不想在我的模板中包含空的 div，这样 AMP 就不会删除最初未使用的 CSS 类。还有其他方法可以让 AMP 停止删除这些类吗？

解决方法

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

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

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

amp-bind amp-html