4

我正在使用 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
            }
        }
    }
}

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

4

4 回答 4

1

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

于 2014-09-15T21:55:06.280 回答
0

尝试输出 syle 压缩https://github.com/gruntjs/grunt-contrib-compass#debuginfo和环境：生产

于 2013-07-23T05:08:03.090 回答
0

您必须在 compass.server.options.debugInfo 将 debugInfo 的值从 true 更改为 false

compass: {
  options: {
    sassDir: '<%= yeoman.app %>/styles',
    cssDir: '.tmp/styles',
    generatedImagesDir: '.tmp/images/generated',
    imagesDir: '<%= yeoman.app %>/images',
    javascriptsDir: '<%= yeoman.app %>/scripts',
    fontsDir: '<%= yeoman.app %>/styles/fonts',
    importPath: '<%= yeoman.app %>/bower_components',
    httpImagesPath: '/images',
    httpGeneratedImagesPath: '/images/generated',
    httpFontsPath: '/styles/fonts',
    relativeAssets: false,
    assetCacheBuster: false,
    raw: 'Sass::Script::Number.precision = 10\n'
  },
  dist: {
    options: {
      generatedImagesDir: '<%= yeoman.dist %>/images/generated'
    }
  },
  server: {
    options: {
      //set degbugInfo false to produce css code without sass debugInfo
      debugInfo: false
    }
  }
},
于 2014-05-19T04:48:46.307 回答
-1

Grunt compass 使用位于“.tmp”的缓存。您应该在运行 Grunt 构建任务时清理此文件夹，或者手动执行。

于 2014-09-25T19:58:57.017 回答