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

Question

首先，如果标题有点误导，我深表歉意。我发现很难在标题中正确解释我的问题。我会继续解释我的问题。

这是我的gulp文件：

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 时，它只会更新 public 目录中的 app.css 文件。我想要它做的是在编译 app.css 文件之后，通过组合三个样式表来创建 main.css 文件。问题是我实际上并没有更改这三个样式表中的任何一个，因为 gulp 正在为我进行编译。

我不确定是否有真正解决此问题的方法，但任何答案都会有所帮助。

谢谢。

P.S。我不想将其他两个 css 文件导入我的 scss 文件而不是合并，因为它会在我必须加载页面时添加更多请求。

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 文件，而不只是在 gulpfile 中列出 app.scss 文件。

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

Laravel Elixir Not Combining Stylesheets On Change

javascript

laravel

gulp

gulp-watch

laravel-elixir