Question

试图找到这个问题的一个问题，但在这里找不到它？

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

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

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

提前致谢！

Answer 1

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

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会再次运行

Answer 2

混合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');

Elixir没有创建多个css文件

2 个答案: