Question

我正在使用Grunt从众多部分SCSS文件中查看和编译我的CSS。因此，当我更新任何我的SCSS文件时，手表会生成更新的main.css文件。这没关系，但我注意到所有类似乎都包含以下代码，例如

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/username\/Projects\/my-gitclone\/projectname\/src\/htdocs\/an\/app\/styles\/utilities\/_display\.scss}line{font-family:\0000354}}
.u-body-noscroll {
  overflow: hidden;
}

我不明白为什么手表会插入此@media -sass-debug-info{filename{}line{font-family:\0000XXX}}，我认为这可能是由于我的_fonts.scss文件中的错误，但这很好并且网址值是相对的：

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Merriweather.woff2') format('woff2'),
  url('fonts/Merriweather.woff') format('woff'),
  url('fonts/Merriweather.ttf') format('truetype');
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/MerriweatherBold.woff2') format('woff2'),
  url('fonts/MerriweatherBold.woff') format('woff'),
  url('fonts/MerriweatherBold.ttf') format('truetype');
}

我还以为我的_icon-font.scss可能是问题的根源，但这是正确的吗？ IDE或Grunt可以添加此@media -sass-debug-info吗？

我正在使用Grunt作为我的手表/任务运行器而IntelliJ作为我的IDE，有没有人遇到过这个问题？

Answer 1

我想我找到了答案......在我的Grunt文件中，我将debugInfo: false添加到compass.dist和compass.server任务中。

// Compiles Sass to CSS and generates necessary files if requested
        compass: {
            options: {
                sassDir: '<%= yeoman.app %>/styles',
                cssDir: '<%= yeoman.app %>/styles',
                generatedImagesDir: '.tmp/images/generated',
                imagesDir: '<%= yeoman.app %>/images',
                javascriptsDir: '<%= yeoman.app %>/scripts',
                fontsDir: '<%= yeoman.app %>/styles/fonts',
                importPath: './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',
                    debugInfo: false
                }
            },
            server: {
                options: {
                    debugInfo: false
                }
            }
        },

问题与@media -sass-debug-info {当Grunt从SCSS创建CSS时的文件名

1 个答案: