css - 适用于我的 Node Express JS 中间件的正确 Autoprefixer 插件

Question

目前我使用 less-middleware ( https://www.npmjs.com/package/less-middleware )。我对这个解决方案不满意，因为 less-middleware 创建了一个编译的 css 文件。我想要一个可以通过expressjs路由的内存解决方案。

此外，我想使用适当的自动前缀解决方案，因为有许多很好的 CSS 技术我无法使用，因为我需要很多时间来添加供应商前缀。

1. 有人知道更好的解决方案吗？无需输出单独的 css 文件即可即时减少编译。
2. 此解决方案可以提供某种自动前缀功能吗？
3. 确实提供较少的中间件并提供自动前缀功能。我还没有找到那个方向的东西。

Answer 1

您应该尝试重新格式化您的问题，因为:

Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.

我找到了https://github.com/toogle/express-less/blob/master/lib/express-less.js根据他们的 package.json 文件，Express LESS 中间件使用最新版本的 Node Less。

在他们的代码中调用less.render():https://github.com/toogle/express-less/blob/master/lib/express-less.js#L68更多信息可以在这里找到:http://lesscss.org/usage/#programmatic-usage

从 Less 版本 2 开始，您可以使用插件。自动前缀插件位于:https://github.com/less/less-plugin-autoprefix

所以您应该能够使用以下代码:

var express = require('express'),
    expressLess = require('express-less'),
    autoprefixer = require('less-plugin-autoprefix');

var app = express();
app.use('/less-css', expressLess(__dirname + '/less',  { plugins: [autoprefixer] }));

另请参阅:http://lesscss.org/usage/#plugins-using-a-plugin-in-code

注意我没有测试上面的代码。我想知道如何设置自动前缀选项。根据https://github.com/plus3network/gulp-less#using-plugins你应该使用:

var autoprefixerPlugin = require('less-plugin-autoprefix'),
autoprefixer = new autoprefixerPlugin({options});
var app = express();
    app.use('/less-css', expressLess(__dirname + '/less',  { plugins: [autoprefixer] }));