jquery - 使用 Less 通过实时预览更改 CSS 值

Question

我想在 Admin CP 中创建一个页面，您可以在其中自定义一些 CSS 属性的值，例如背景颜色。这应该有一个实时预览，例如在 Wordpress 中，但我不知道如何。

我使用 LESS 作为样式，所以我考虑使用 Less.js 和

less.modifyVars()

它可以工作，但问题是，在页面中显示更改需要大约一秒钟，因为 less 文件不小，因为我还导入了 Bootstrap。

任何其他想法如何做这样的事情？

Answer 1

假设您正在使用 LiveReload 或类似的东西，将一个大文件拆分为许多小文件。LiveReload 然后只会重新加载/更新实际已更改的文件 - 这应该更快/即时。

---

您可以使用 Chrome 开发工具保存 CSS 更改 - 更多内容如何保存 Chrome 开发者工具的样式面板的 CSS 更改？