LESS @import:将路径传递给LESS

Question

我想在父主题和子主题中使用较少的样式表，其中大多数样式表信息是由父主题指定的，而子主题只是覆盖几个文件。这在Ruby版本的LESS中是可能的，如下所示：

var parser = new(less.Parser)({
    paths: ['.', './lib'], // Specify search paths for @import directives
    filename: 'style.less' // Specify a filename, for better error messages
});

但是，使用命令行编译器lessc可以做到吗？我想说的是：

$ lessc --path=".;../parent" style.less

Answer 1

看一下lessc源代码：

    case 'include-path':
        options.paths = match[2].split(':')
            .map(function(p) {
                if (p && p[0] == '/') {
                    return path.join(path.dirname(input), p);
                } else if (p) {
                    return path.join(process.cwd(), p);
                }
            });
        break;

您可以将多个路径传递给lessc。所以你的例子的正确语法是：

lessc --include-path=".:../parent" style.less

Answer 2

马库斯

有一个--include-path开关可以使用。

lessc --include-path=./inc/ main.less

请注意，它需要相对于lessc执行的路径。