如何使用live preview更改CSS值。Less.js？

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

我使用较少的样式，所以我考虑使用较少的.js和

减.modifyVars（）

它可以工作，但问题是，显示页面中的更改大约需要一秒钟，因为较少的文件并不小，因为我也导入引导

---

还有其他类似的方法吗？

如果你需要速度，唯一加快速度的方法就是将所有可定制的内容移动到一个单独的CSS/样式中，并独立于基础CSS进行修改（如果你通过

less.modifyVars

或通过一些脚本或其他方式进行修改，这并不重要）。使用Bootstrap，它不能低于1秒，因为这只是它编译的时间（考虑到它有约70个文件和8K行代码，这也就不足为奇了。当然，你可以使用C/C++/Fortran和SIMD以及GPU功能编写一个超快速的编译器，将BS编译时间减少到约20ms，但你无法在浏览器中使用它）。如果您需要速度，唯一加快速度的方法是将所有可定制内容移动到单独的CSS/样式中，并独立于基础CSS进行修改（如果您通过

less.modifyVars

或通过一些脚本或其他方式进行修改，这其实并不重要）。使用Bootstrap，它不能低于1秒，因为这只是它编译的时间（考虑到它有大约70个文件和8K行代码，这也就不足为奇了。当然，你可以使用C/C++/Fortran和SIMD以及GPU能力编写一个超快速的编译器，将BS编译时间减少到约20ms，但你无法在浏览器中使用它）。