在node.js中使用LESS

在node.js中使用LESS,node.js,less,Node.js,Less,Less很神奇,我想使用node.js,因为使用Less.js不是一个好的性能。我在windows上使用xamp,我安装了node.js,但是我应该在哪里写,写什么。。我安装express.jsnpm安装-g express和lessnpm安装-g less如果您使用的是expressjs,则可以安装 npm install less-middleware 然后在应用程序中(app.js) 然后,您必须告诉expressjs使用更少的中间件 app.configure(function(){

Less很神奇,我想使用node.js,因为使用Less.js不是一个好的性能。我在windows上使用xamp,我安装了node.js,但是我应该在哪里写,写什么。。我安装express.js
npm安装-g express
和less
npm安装-g less
如果您使用的是expressjs,则可以安装

npm install less-middleware
然后在应用程序中(app.js)

然后,您必须告诉expressjs使用更少的中间件

app.configure(function(){
  //other configuration here...
  app.use(lessMiddleware({
    src      : __dirname + "/public",
    compress : true
  }));
  app.use(express.static(__dirname + '/public'));
});
现在在[appname]/public/stylesheets/custom.less中


转换为常规css custom.css

如果您使用的是express 4.x及以下中间件0.2.x beta(目前最新版本),则语法有点不同

这是一样的:

$ npm install less-middleware
但是中间件有一个
和三个选项参数:

function(source, options, parserOptions, compilerOptions)
例如:

app.use(require('less-middleware')(
    __dirname + 'public/style/less', // source
    { dest: __dirname + 'public/style/css' }, // options
    {}, // parser
    { compress: 'auto' } // complier
));

app.use(express.static(__dirname + '/public'));
编译器的自动压缩非常好,
style.css
将导致未压缩,而
style.min.css
将为您提供压缩文件


有关更多信息,请查看迁移指南和此处的源代码:

我认为我必须编译。每次测试时使用cli的次数更少。。。直到我看到这个答案。感谢您介绍中间件!这样使用起来几乎太容易了。:)如果其他人也遇到了与我相同的问题:请确保您在布局中引用的是
.css
文件,而不是
.less
文件。如果您引用css文件,它将自动为您编译(即使它在磁盘上还不存在)。最好在package.json中定义您的依赖关系:
“less middleware”:“latest”
然后
npm install
来解决依赖关系。@gravadlax“npm install less middleware--save”是正确的方法。它为您在package.json文件中添加了“less middleware”,其中包含当前的。“更少的中间件”:“最新的”在团队中不会很好地工作,因为每当有人安装npm时,如果发布了新版本,该团队成员将拥有不同版本的依赖项。为此欢呼,只是刚刚意识到接受的答案已经过时2年了。
app.use(require('less-middleware')(
    __dirname + 'public/style/less', // source
    { dest: __dirname + 'public/style/css' }, // options
    {}, // parser
    { compress: 'auto' } // complier
));

app.use(express.static(__dirname + '/public'));