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

时间:2015-10-22 13:47:33

标签: css node.js npm less

我已经安装了像这样的Npm

$ npm install -g less

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

$ lessc styles.less styles.css

当我保存文档以自动编译时,是否有任何方法通过命令行使其监听?

3 个答案:

答案 0 :(得分:2)

我发现的最佳解决方案是在LESS官方网站上推荐的解决方案:https://github.com/jgonera/autoless。它很简单易用。它还会监听导入文件中的更改以进行编译。

答案 1 :(得分:1)

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

它提供GUI解决方案(SimpLESS,WinLESS,LESS.app和ChrunchApp)和节点解决方案。 (deadsimple少手表编译器)

答案 2 :(得分:1)

您是使用较少的单独使用还是使用Node.JS?因为如果您将它与节点一起使用,可以通过简单的方法来解决此问题。我能想到的前两个(这些解决方案都在你的app.js中):

  • 使用中间件,如stack overflow discussion

    中所述
    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都会自动将较少的文件转换为css文件。请注意,使用第二个选项,Node将重新启动以进行转换,而第一个选项将通过始终检查给定目录中的较新版本来更好地满足您的需求。