如何用nodejs编译2+不同的LESS风格，express和LESS -middleware

Question

是否有可能将2个或更多不同的LESS样式编译为2个或更多不同的CSS样式与nodejs, express和LESS -middleware这样?

var less = require('less-middleware');
app.use(less({
    src: '/less',
    dest: '/css',
    pathRoot: path.join(__dirname, 'public'),
    compress: true
}));

其中LESS和CSS是

style-one.less -> style-one.css
style-two.less -> style-two.css

Answer 1

确实。这就是less-middleware的目的。中间件监视目标路径，查找对.css文件的任何请求。当它找到一个.css文件时，它在source目录中查找匹配的.less文件，并使用它生成.css文件。

下面是一个使用less-middleware最新版本的例子:

app.use(require('less-middleware')(path.join(__dirname, 'source', 'less'), {
  dest: path.join(__dirname, 'public'),
  options: {
    compiler: {
      compress: true
    }
  },
  preprocess: {
    path: function(pathname, req) {
      return pathname.replace('/css/', '/');
    }
  },
  debug: true,
  force: true
}));

打开debug后，您应该在控制台中看到如下内容:

  pathname : /css/style.css
  source : /myWebsite/source/less/style.less
  destination : /myWebsite/public/css/style.css
GET /css/style.css 200 23ms - 87b

如果您请求同一目录下的另一个.css文件:

  pathname : /css/style2.css
  source : /myWebsite/source/less/style2.less
  destination : /myWebsite/public/css/style2.css
GET /css/style2.css 200 4ms - 87b

你可以在wiki上看到更多的例子