如何使用less.js与node.js观看文件夹中的无文件?

我正在寻找一个简单的指南,使用less.js和node.js设置服务器端监视和编译文件夹中的.less文件。 布莱恩在这篇文章中写到了。

不幸的是,在lesscss.org 服务器端使用的说明对于node.js的新手来说有一点帮助。

我已经尝试命令行使用: $ lessc styles.less > styles.css

我也尝试过“看守”和“不看”,这一切都起作用。 不过,我正在寻找一个纯粹的node.js + less.js解决scheme。 我相信有人能够清楚地解释如何configurationnode.js和less.js来观察文件夹中的无文件。 谢谢。

我已经创build了演示项目来展示它是如何工作的。 你可以在这里findhttps://github.com/corpix/watcherDemo

克隆进入工程目录后执行npm install安装less量的Node.js模块。 尝试运行index.js并将.less文件更改为less_files/目录,修改后的文件将被编译并放置到css_files/

老实说,我看到了很多相同的线索和答案。

如果你像我一样,不想再有更多的代码膨胀,那么只需要下载一个Win / Mac / Nix的LESS应用程序,每次保存你的.less文件时它都会自动编译。

我真的认为这会减less服务器的负载,因为你只需要上传你编译和缩小的文件。

我写了一些可能是你正在寻找的东西。 该脚本将在watch文件夹中查找无文件,并将其编译到输出文件夹中。 您只需指定要观看的文件夹和输出文件夹即可。

节点less-watch-compiler.js FOLDER_TO_WATCH FOLDER_TO_OUTPUT

https://github.com/jonycheung/Dead-Simple-LESS-Watch-Compiler

它跳过名称以下划线或句点开头的文件。

我为我的开发过程写了这个,但它仍然应该在服务器上工作。 但是,您可能需要重新考虑在活动服务器上持续观看文件夹的变化。 这是一个昂贵的操作。

您可以使用-e参数的主pipe提供扩展来监视:

 nohup supervisor -e 'js|ejs|less' $APP_DIR/app.js 1>$APP_DIR/log/app.log 2>&1 & echo $! > $APP_DIR/pid/app.pid; 

从节点启动脚本采取: https : //github.com/chovy/node-startup

这个命令的简单版本是:

 supervisor -e 'js|ejs|less' app.js 

我知道这是一个旧post,但是当我最近在寻找同样的东西时,出现了几次。

我已经分叉并更新了jonycheung的代码,并提交了合并请求。

更新: jonycheung已经接受了合并请求,所以他原来的代码现在更新

与此同时,代码可以在这里find:

https://github.com/mikestreety/Dead-Simple-LESS-Watch-Compiler

我也一直在开发和开发一个纯粹的使用lessc的bash脚本,但不需要一个节点脚本来运行:

https://github.com/mikestreety/less-watch

也许不直接回答。 但是这里是我的评论:

通常我们在开发阶段需要这个手表,在这里我们需要改变较less的文件并且看到结果,而不需要通过less文件中的每次改变重新运行lessc命令。

在我们的html中,我们通过纯less.js来做到这一点。 如下:

 <link rel="stylesheet/less" href="/path/to/bootstrap.less"> <script src="/path/to/less.js"></script> 

完成开发任务后。 您只需运行lessc一次。

在开发过程中,您的页面可能需要更多的时间才能加载,但是如果您的网站是基于Ajax的,并且将其添加到您的模板页面,则不会有什么大不了的。