Laravel Elixir在更改时不合并样式表

Question

在此之前，我很抱歉，标题有点误导。 我发现很难在标题中正确解释我的问题。 我将继续解释我的问题。

这是我的gulpfile：

elixir(function(mix) {
    mix.sass([
        'app.scss'
    ], 'public/css/app.css')
    .styles([
        'reset.css',
        'resources/assets/css/bootstrap-responsive/css/bootstrap.css',
        'app.css'
    ], 'public/css/main.css')
    .version([
         'css/main.css'
    ]);
});

我的问题是，当我更改app.scss时，它只会更新公共目录中的app.css文件。 我要执行的操作是在编译app.css文件之后，通过组合三个样式表来创建main.css文件。 问题是我实际上并没有更改这三个样式表中的任何一个，因为gulp正在为我进行编译。

我不确定是否有办法解决这个问题，但是任何答案都可以。

谢谢。

PS我不想将其他两个CSS文件导入到我的CSS文件中而不是合并，因为当我必须加载页面时，它将添加更多请求。

Answer 1

由于普通CSS也可以编译，请尝试以下操作：

elixir(function(mix) {
    mix.sass([
        'reset.css',
        'resources/assets/css/bootstrap-responsive/css/bootstrap.css',
        'app.scss'
    ], 'public/css/main.css')
    .version([
         'css/main.css'
    ]);
});

或使用@import "path_to_file";导入app.scss文件中的其他两个css文件@import "path_to_file"; 而不仅仅是在app.scss中列出app.scss文件。