每次保存文档时,如何编译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文件。 请注意,第二个选项中,节点将重新启动以进行转换,而第一个选项将更好地回答您的需求,方法是始终检查给定目录中的较新版本。