我对使用 CSS 预处理器很感兴趣,并且倾向于 LESS。我自己擅长编写 CSS,但想利用一些动态功能。不过,我并不认为在生产中添加持续的额外步骤(例如编译)是否值得。
我喜欢 LESS 因为我可以使用 less.js 来编译客户端(仅在开发期间),有没有一个工具可以自动检测我的 less 文件上的时间戳并将其编译为 css 并覆盖当前的CSS 文件?我很想达到这种程度的透明度,这样我就可以担心代码而不是编译和刷新......类似于 http://cssrefresh.frebsite.nl/ 的东西但将编译器与它结合起来呢?如果没有,有人有兴趣帮助构建它吗?
最佳答案
如果源代码发生变化,Less.js 将会重新编译——我在开发过程中从未遇到过它过时的问题。我最终确实使用 textmate 的 less 包切换到保存时编译工作流程,尽管 wince 在部署和测试之前切换链接标签变得很烦人。
话虽这么说,我确信您可以连接一些东西来监视磁盘上的文件并调用 node.js lessc 编译器。
更新以澄清开发周期:
在开发过程中,我在页面中包含 less.js 文件并链接到我的 styles.less
文件通过 <link rel="stylesheet/less" type="text/css" href="styles.less>
当我推出生产时,我将其更改为:
<link rel="stylesheet" type="text/css" href="styles.css">
但是,在开发过程中,每次我保存 styles.less
文件中,我使用 TextMate 包来编译 styles.css
文件,因此更改只需在我的源文件中注释/取消注释即可。
我将 bundle 设置为使用带有--compress
的node.js lessc编译器设置这样它就会给你一个漂亮的紧凑的样式表。
关于javascript - LESS 和自动 CSS 缓存,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9033803/