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或更少的文件

3 个答案: