试图找到这个问题的一个问题,但在这里找不到它?
我正在使用Laravel Elixir并在我的gulpfile中获得以下内容:
mix.sass(['app.scss', 'admin.scss'], 'public/css');
有人可以告诉我为什么它不是创建两个css文件而是编译成一个?如何实现创建多个文件?
提前致谢!
答案 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');