Elixir没有创建多个css文件

时间:2015-06-10 08:50:14

标签: css laravel sass laravel-elixir

试图找到这个问题的一个问题,但在这里找不到它?

我正在使用Laravel Elixir并在我的gulpfile中获得以下内容:

mix.sass(['app.scss', 'admin.scss'], 'public/css');

有人可以告诉我为什么它不是创建两个css文件而是编译成一个?如何实现创建多个文件?

提前致谢!

2 个答案:

答案 0 :(得分:3)

是的,所提供的代码几乎完成了这个技巧,但我写的有点不同......

elixir(function(mix) {
  mix
    .sass('app.scss', './public/css/app.css')
    .sass('admin.scss', './public/css/admin.css');
});

但至少对我而言,直到我开始正常的gulp任务才开始工作,gulp watch不会创建新文件:S

所以请停止观看并使用“gulp”启动默认的gulp任务,创建文件后gulp watch会再次运行

答案 1 :(得分:0)

混合sass文件的方法是(https://github.com/laravel/elixir/blob/master/ingredients/sass.js):

/**
 * Prepare the Sass task.
 *
 * @param {string|array}  src
 * @param {string}        output
 * @param {object|null}   options
 * @param {bool}          useRuby
 */
var addSassTask = function(src, output, options, useRuby) {
    return compile({
        compiler: 'Sass',
        plugin: useRuby ? 'gulp-ruby-sass' : 'sass',
        pluginOptions: buildOptions(options, useRuby),
        src: src,
        output: output || elixir.config.cssOutput,
        search: '**/*.+(sass|scss)'
    });
};

你有,

mix.sass(['app.scss', 'admin.scss'], 'public/css'); 

此处src = ['app.scss', 'admin.scss']

output = 'public/css'

因此,您应该将单个文件合并到输出的同一文件中:

mix.sass('app.scss', 'app.scss');
mix.sass('admin.scss', 'admin.scss');