每次保存文档时,如何编译LESS文件?

我已经通过npm这样安装了Less

$ npm install -g less 

现在,每当我想将源文件编译为.css,我就运行

 $ lessc styles.less styles.css 

有没有办法通过命令行让我听到,当我保存文件自动编译它?

我find的最好的解决scheme是在官方LESS网站上推荐的: https : //github.com/jgonera/autoless 。 它使用起来很简单。 它也监听导入的文件的变化进行编译。

看看这篇文章: http : //www.hongkiat.com/blog/less-auto-compile/

它提供GUI解决scheme(SimpLESS,WinLESS,LESS.app和ChrunchApp)和节点解决scheme。 (deadsimpleless手表编译)

你是单独使用还是使用Node.JS? 因为如果你在节点上使用它,有一些简单的方法可以解决这个问题。 前两个我能想到的是(这两个解决scheme都在你的app.js ):

  • 使用中间件,就像在这个堆栈溢出讨论中所述的那样

     var lessMiddleware = require('less-middleware'); ... app.configure(function(){ //other configuration here... app.use(lessMiddleware({ src : __dirname + "/public", compress : true })); app.use(express.static(__dirname + '/public')); }); 
  • 另一种方法包括在启动nodeJS实例后立即进行系统调用(方法名称可能因您的NodeJS版本而异)

     // before all the treatment is done execSync("lessc /public/stylesheets/styles.less /public/stylesheets/styles.css"); var app = express(); app.use(...); 

在这两种情况下,Node都会自动将较less的文件转换为css文件。 请注意,第二个选项中,节点将重新启动以进行转换,而第一个选项将更好地回答您的需求,方法是始终检查给定目录中的较新版本。