Laravel Elixir / Less 包含路径作为文件夹答案

【问题标题】：Laravel Elixir / Less include path as folderLaravel Elixir / Less 包含路径作为文件夹
【发布时间】：2015-09-03 07:06:05
【问题描述】：

我一直在寻找但找不到将文件夹添加到较少包含路径的方法。或“命名空间”。

基本上而不是像这样完成“引导”：

elixir(function(mix) {
    mix.less('app.less', 'public/css/', {
        paths: [
            paths['bootstrap'] + 'less/'
        ]
    });
});

应该是这样的

elixir(function(mix) {
    mix.less('app.less', 'public/css/', {
        paths: {
            'bootstrap': paths['bootstrap'] + 'less/'
        }
    });
});

所以，如果我想在我的 app.less 中调用 bootstrap，那就是：

@import "bootstrap/bootstrap";

这样做的原因是包含多个较少的资源有时会导致多个文件具有相同的名称。

那么有没有办法在不手动移动文件的情况下做到这一点？

【问题讨论】：

标签： less laravel-5 laravel-elixir

【解决方案1】：

不，没有办法在 Less 或派生工具中创建目录别名（了解您的操作系统是否有这样的......很多人都有）。此外，您可以随时使用variables in @import statements，例如：

@bootstrap: "...bla-bla-bla/bootstrap-5.2.8/less"; // can be set via compiler options as well

@import "@{bootstrap}/bootstrap";

【讨论】：

我会试一试，虽然我很确定这会奏效。

【解决方案2】：

我的gulpfile：

elixir(function(mix) {
    mix.sass('app.scss', 'public/css/', {includePaths: [
        'path/to/bower/components'
    ]});
});

然后包括这样的供应商：

@import "bootstrap-sass/assets/stylesheets/bootstrap";
@import "fontawesome/scss/font-awesome";

希望我能帮到你。

【讨论】：

是的，这是我一直在考虑的一种方式。

【解决方案3】：

我找到了神奇的答案，虽然seven-phases-max非常接近，但这只是一个完整的版本。

mix.less 的第三个变量用于插件选项，这意味着任何用于 less 和 modifyVars 的插件都可以在核心中使用。

所以：

elixir(function(mix) {
    mix
        .less('app.less', 'public/css/', {
            modifyVars: {
                'bootstrap': '"' + path.resolve(__dirname) + paths['bootstrap'] + 'less/' + '"'
            }
        })
});

不得不用" 包装有点奇怪，但是当它添加变量时，它会添加原始变量。

其余的使用其他答案，但您可以使用

@import "@{bootstrap}/bootstrap";

【讨论】：