Laravel elixir 编译多个less文件答案

【问题标题】：Laravel elixir compile multiple less filesLaravel elixir 编译多个less文件
【发布时间】：2015-03-29 14:05:57
【问题描述】：

我在resources/assets/less 文件夹style.less 和admin/style.less 中有这两个文件。我想将此文件编译为不同的路径，如下所示：

style.less编译成public/css/

另一个编译成public/admin/styles/

这是我在 gulpfile.js 中所做的

elixir(function(mix) {
    mix.less('style.less', 'public/css/');
    mix.less('admin/style.less', 'public/admin/styles/');
});

但这只会编译一个文件。有什么问题，我该如何解决这个问题？

【问题讨论】：

标签： laravel laravel-elixir

【解决方案1】：

我有一个项目，将两个不同的 less 文件编译为两个不同的 css 文件。我看到的唯一区别是我指定了完整的目标路径，包括文件名。

因此，对于您的情况，它将是：

elixir(function(mix) {
    mix.less('style.less', 'public/css/style.css')
       .less('admin/style.less', 'public/admin/styles/style.css');
});

【讨论】：

【解决方案2】：

我还没有得到这个答案。但是已经尝试了一些替代方案，想法会分享。

我在想我们可以像下面那样做

elixir(function(mix) {
    mix.less('style.less', 'public/css/')
       .less('admin/style.less', 'public/admin/styles/');
});

但是根据documentation，我们不能多次调用 sass 或 less 方法。所以它只编译最新的less文件（在本例中为admin/style.css）。

我们可以这样做

elixir(function(mix) {
    mix.less(['style.less', 'admin/style2.less'], 'public/css/');
});

但这会将两者编译到同一个文件夹中。

希望知道，我们如何对不同的文件夹执行此操作。

我尝试将第二个文件复制到一个单独的文件夹中，但这也不起作用

elixir(function(mix) {
    mix.less(['style.less', 'admin/style2.less'], 'public/css/')
       .copy('public/css/style2.css', 'public/admin/style.css');
});

这可能是因为每个请求都是异步的，当副本被调用时，那个时候 style2.css 还没有准备好。

【讨论】：

你确定它会起作用吗？据我所知，它没有
抱歉，Marcin，它没有。根据文档，看起来我们只能使用 less 或 sass 函数的一个实例。我收回我的回答。我以为会的。对不起！
对于less/sass，您可以将一个less/sass导入另一个。但它显然适用于单一文件格式。

【解决方案3】：

mix.less('resources/assets/less/app.scss', 'public/css').
    less('resources/assets/less/admin/style.less', 'public/admin/styles');

【讨论】：