Laravel 5 Elixir + gulp 混合和版本多个 css 或更少文件答案

【问题标题】：Laravel 5 Elixir + gulp mix and version multiple css or less filesLaravel 5 Elixir + gulp 混合和版本多个 css 或更少文件
【发布时间】：2015-02-13 11:15:00
【问题描述】：

我的登陆/登录页面有一个单独的 css/less 文件。我如何告诉 gulp，它应该为我编译两个文件？这是我的方法，不幸的是只为我生成了一个文件。

elixir(function (mix) {
    // only for the landing-page
    mix.less('landing.less')
        .version('css/landing.css');

    // for the application, after login
    mix.less('app.less')
        .version('css/app.css');
});

在我的着陆页上，我假设是这样的：

<link rel="stylesheet" href="{{ elixir("css/landing.css") }}">

但是 build/css 文件夹只显示我的 css/app.css 文件。 :(

【问题讨论】：

标签： laravel gulp laravel-elixir

【解决方案1】：

你不能两次调用mix.version()：

简单地做：

elixir(function (mix) {

    mix.less('landing.less');

    // for the application, after login
    mix.less('app.less');

    mix.version([
       'css/app.css', 
       'css/landing.css'
    ]);

});

这将在/public/build/css 中为您生成两个文件 app.css 和 landing.css

【讨论】：

嗯，你的例子不适合我，但你给了我正确的想法！
对不起，我忘记将它们包含在方括号中 mix.version(['css/app.css', 'css/landing.css']);
剩下的一个问题是使用 mix.version() 后 .map 文件没有复制到 /public/build/ 文件夹中。
谢谢！我有点希望 Laravel 文档能突出显示这一点。

【解决方案2】：

感谢Digitlimit的回答，我能够解决我的问题。我已将文件作为数组插入，它可以正常工作:)

elixir(function (mix) {
    mix.less(['landing.less', 'app.less']);
    mix.version(['css/app.css', 'css/landing.css']);
});

【讨论】：

对不起，我忘了把它们放在方括号里 mix.version(['css/app.css', 'css/landing.css']); :(

【解决方案3】：

试试这个

elixir(function(mix) {
mix.styles([
    'normalize.css',
    'main.css'
], 'public/assets/css/site.css');
});

【讨论】：