指南针过滤掉 -moz 供应商前缀答案

【问题标题】：Compass filter out -moz vendor prefix指南针过滤掉 -moz 供应商前缀
【发布时间】：2014-02-12 11:58:10
【问题描述】：

在我的项目中使用 Yeoman 和 generator-angular-fullstack。 SCSS 支持非常好，但是我的所有 -moz 前缀都从 css 结果中过滤掉了。

我查看了 compass docs 重新分级供应商前缀。该文档建议覆盖默认变量：

$experimental-support-for-mozilla : true !default;
$experimental-support-for-webkit : true !default;
$support-for-original-webkit-gradients : true !default;
$experimental-support-for-opera : true !default;
$experimental-support-for-microsoft : true !default;
$experimental-support-for-khtml : true !default;

我尝试将此代码添加到我的 main.scss 中，但没有成功... moz 前缀仍在被删除。我寻找另一个配置文件没有运气。

我错过了什么？

【问题讨论】：

你的 grunt 任务中有 grunt autoprefixer 吗？
是的，我有它...有关系吗？
我想是的。至少 autoprefixer 会为您添加供应商前缀，因此您根本不需要编写供应商前缀。我想它也删除了不必要的前缀。可能是你应该从任务列表中删除 autoprefixer（如果前缀仍然在那里你完全知道）或者你重新配置 autoprofixer：github.com/ai/autoprefixer#browsers
我认为你是对的！将其发布为答案，以便我接受它

标签： angularjs sass gruntjs compass-sass yeoman

【解决方案1】：

如果您使用 grunt-autoprefixer，grunt 任务会为您添加供应商前缀，因此您根本不需要编写供应商前缀。我想它也删除了不必要的前缀。可能你应该从任务列表中删除自动前缀（如果前缀仍然在那里你完全知道）或者你重新配置自动前缀：http://github.com/ai/autoprefixer#browsers

【讨论】：