2

在我的 Gruntfile.js 中，我有这个指南针配置

watch: {
  compass: {
    files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
    tasks: ['compass']
  },
  livereload: {
    files: [
      '<%= yeoman.app %>/{,*/}*.html',
      '{.tmp,<%= yeoman.app %>}/styles/{,*/}*.css',
      '{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js',
      '{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.json',
      '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
    ],
    tasks: ['livereload']
  }
},

... more stuff ...

compass: {
  options: {
    sassDir: '<%= yeoman.app %>/styles',
    cssDir: '<%= yeoman.app %>/styles',
    imagesDir: '<%= yeoman.app %>/images',
    javascriptsDir: '<%= yeoman.app %>/scripts',
    fontsDir: '<%= yeoman.app %>/styles/fonts',
    importPath: '<%= yeoman.app %>/components',
    relativeAssets: true
  },
  dist: {
  },
  server: {
    options: {
      debugInfo: true
    }
  }
},

我已经开始分离我的 sass 文件，并且有一些文件只打算包含在最终编译的文件中。它们依赖于以前导入的东西，因此无法自行编译。我如何在 grunt 中指示 compass 只编译一个已经完美编译的根 scss 文件以及所有组件，而不是在目录中乱扔无用的额外 css 文件？

4

1 回答 1

5

在它们前面加上下划线或使用指定选项：

让您指定要编译的文件。如果您不想编译整个文件夹，这很有用。支持通配符。忽略以下划线开头的文件名。文件必须位于您在 中指定的目录中sassDir。

于 2013-09-05T09:55:56.333 回答