css - 使用 Grunt Compass 任务生成没有调试信息的生产 CSS 代码

Question

我正在使用 Yeoman RC1.1 生成我的元素并拥有 grunt-contrib-compass已加载以在我的元素中使用 Scss。

当我执行 grunt build 时，生成的 CSS 被缩小但充满了调试注释。它看起来像这样:

@media -sass-debug-info{filename{font-family:file\:\/\/\/\/Users\/myname\/Sites\/project\/app\/components\/sass-bootstrap\/lib\/_reset\.scss}line{font-family...

整个事情都被大量 -sass-debug-info 代码污染了。

在 Gruntfile.js 中，我设置了以下选项(在许多其他选项中)以关闭/dist/css 文件的调试注释:

grunt.initConfig({
    compass: {
        dist: {
            options: {
                debugInfo: false
            }
        }
    }
}

我假设通过将其设置为 false 来关闭 debugInfo 应该可以解决问题，我是否不正确？

Answer 1

我最近遇到了这个错误，问题是 compass/grunt 不会重新编译你的 css 文件，除非正在监视的文件之一发生变化。您不仅需要更新 debugInfo:false，还需要更改您的 scss 文件以使其在没有内联调试信息的情况下重新编译您的 css 文件。