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

});

这将在 /public/build/css 中为您生成两个文件 app.css 和 landing.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');
});

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

Laravel 5 Elixir + gulp mix and version multiple css or less files

laravel

gulp

laravel-elixir