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

Question

我的登陆/登录页面有一个单独的 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 文件。:(

Answer 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'
    ]);

});

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

Answer 2

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

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

Answer 3

尝试这个

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