Laravel Elixir 没有在更改时组合样式表答案

【问题标题】：Laravel Elixir Not Combining Stylesheets On ChangeLaravel Elixir 没有在更改时组合样式表
【发布时间】：2016-08-09 04:07:05
【问题描述】：

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

这是我的 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 正在为我进行编译。

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

谢谢。

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

【问题讨论】：

标签： javascript laravel gulp gulp-watch laravel-elixir

【解决方案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 文件。

【讨论】：