javascript - LESS 和自动 CSS 缓存

标签 javascript css caching automation less

我对使用 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/

相关文章:

javascript - 如何在 Javascript/Nodejs Lambda 函数中获取 AWS 区域 :

javascript - Uncaught ReferenceError : onOpenCvReady is not defined

javascript - 带有样式的 IE 新元素?

caching - CPU如何通过TLB和缓存发出数据请求?

javascript - Angular - 带有动态模板的指令

javascript - Angular 邮政服务

javascript - 将 Unicode Javascript 字符串转换为 PHP utf8 字符串

jquery - 单击展开 div

jquery - Bootstrap Lightbox 无操作

caching - 仅当在 gitlab ci 中未缓存或 package.json 更改时,我如何才能运行依赖项安装作业?