對CSS的Grunt Sass無法建立

Question

目前，我有app/styles/main.scss ，我的sass被分解為多個結構化文件，並導入到main.scss 。 在我的index.html我具有以下內容：

<!-- build:css styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->

我正在使用Gruntfile.js中看到的grunt-contrib-sass指南針，現在我想另外編譯一個文件，即app/styles/modules/_infowindow.scss

我嘗試了以下方法：

sass: {
  dist: {
    files: [{
      expand: true,
      cwd: '<%= yeoman.app %>/styles/modules',
      src: ['_infowindow.scss'],
      dest: '.tmp/cdn/'
    }]
  }
},

終端輸出以下內容：

Running "sass:dist" (sass) task
Verifying property sass.dist exists in config...OK
Files: app/styles/modules/_infowindow.scss -> .tmp/cdn/_infowindow.css
Options: (none)

但是當我檢查.tmp目錄時，沒有cdn目錄。

額外：

這是我當前的指南針設置；

// Compiles Sass to CSS and generates necessary files if requested
compass: {
  options: {
    sassDir: '<%= yeoman.app %>/styles',
    cssDir: '.tmp/styles',
    generatedImagesDir: '.tmp/images/generated',
    imagesDir: '<%= yeoman.app %>/images',
    javascriptsDir: '<%= yeoman.app %>/scripts',
    fontsDir: '<%= yeoman.app %>/fonts',
    importPath: './bower_components',
    httpImagesPath: '/images',
    httpGeneratedImagesPath: '/images/generated',
    httpFontsPath: '/fonts',
    relativeAssets: false,
    assetCacheBuster: false,
    raw: 'Sass::Script::Number.precision = 10\n'
  },
  dist: {
    options: {
      generatedImagesDir: '<%= yeoman.dist %>/images/generated'
    }
  },
  server: {
    options: {
      sourcemap: true
    }
  }
}

Answer 1

您應該重命名該文件，以便它不再使用下划線，因此不再是下划線，並在grunt任務中使用不帶下划線的新名稱。