0

我刚开始使用 Laravel 5.0 并注意到它安装了 Gulp 和它自己的名为 Elixir 的库。看起来不错，但是我在包含诸如 Susy 和 Breakpoint 之类的库来运行它时遇到了麻烦。

在典型的 Gulp 设置中，我会使用 gulp-ruby-sass 在我的样式任务中将其管道化：

.pipe(sass({ style: 'compact', require: ['susy', 'breakpoint'], "sourcemap=none": true }))

但是，我无法用 Elixir 做类似的事情。有没有人遇到过解决方案？

目前我的 gulp 文件中的 Elixir 风格任务是这样的：

elixir(function(mix) {
mix.sass('main.scss');});

任何建议将不胜感激。

谢谢！

4

2 回答 2

1

您可以传入node-sass选项作为第三个参数。

elixir.extend('sass', function(src, output, options)

所以像...

elixir(function(mix) {
    mix.sass('main.scss', undefined, {
        outputStyle: 'compact'
    });
});
于 2015-03-05T00:19:44.123 回答
1

似乎 susy CSS 框架与 elixir 中的 gulp-sass 开箱即用。我必须安装“laravel-elixir-compas”模块（https://github.com/rynocouse/laravel-elixir-compass）。elixir 的 Compass 扩展允许您使用 susy 和断点。

您只需要在 config.rb 中定义导入 require 'breakpoint' require 'susy'

然后你应该很高兴......我有“指南针编译失败！” 我可以通过简单地指定 compass.mix() 的选项来修复该错误（有关选项，请参阅https://github.com/rynocouse/laravel-elixir-compass）

希望对遇到类似问题的人有所帮助

于 2015-11-19T16:04:19.873 回答