Grunt SASS Globbing 问题 - 导入部分文件夹时出错答案

【问题标题】：Grunt SASS Globbing issue - Error when importing partials folderGrunt SASS Globbing 问题 - 导入部分文件夹时出错
【发布时间】：2015-04-07 11:16:37
【问题描述】：

我正在尝试在我的 grunt 项目中使用 sass globbing。但是当我包含包含我的部分的文件夹时，我收到以下消息“警告：错误：找不到要导入的文件或不可读：部分”

这是我的文件结构：

styles
|_ main.scss
|_ partials
    |_ base
        |_ _base.scss
        |_ _form.scss
        |_ _normalize.scss
    |_ layout
        |_ _constrained.scss
        |_ _footer.scss
        |_ _header.scss
        |_ _main.scss
        |_ _nav.scss
    |_ modules
        |_ _animations.scss
        |_ _btn.scss
        |_ _form-search.scss
        |_ _formatted.scss
        |_ _icons.scss
        |_ _table.scss
        |_ _video.scss
    |_ tools
        |_ _functions.scss
        |_ _helpers.scss
        |_ _mixins.scss
        |_ _site-settings.scss

Gruntfile.js 和 main.scss 文件中的配置：

sass_globbing: {
    your_target: {
      files: {
        '_partialsMap.scss': 'partials/**/*.scss'
      },
      options: {
        useSingleQuoates: false
      }
    }
  }

在 main.scss 中：

@import "partials/“

我怀疑我错误地定义了我的路径，所以尝试了这个配置：

sass_globbing: {
    your_target: {
      files: {
        '<%= config.app %>/styles/_partialsMap.scss': '<%= config.app %>/styles/partials/**/*.scss'
      },
      options: {
        useSingleQuoates: false
      }
    }

main.scss：

@import "partials/**/*";

还有这个：

sass_globbing: {
    your_target: {
      files: {
        'styles/_partialsMap.scss': 'styles/partials/**/*.scss'
      },
      options: {
        useSingleQuoates: false
      }
    }
  }

main.scss：

@import "partials/**/*";

我已经按照 grunt-sass-globbing github 页面上的使用说明进行操作，但我显然在这里做错了。如果有人能指出，那就太好了。

谢谢

戴夫

【问题讨论】：

如果你想在部分文件夹中查找文件，你不会做'styles/partials/**/**/*.scss'吗？

标签： sass gruntjs yeoman sass-globbing

【解决方案1】：

您不应将 Ruby gem sass-globbing 中的语法与我的插件提出的语法混用。

当您使用下面的配置时，它会创建一个 _partialsMap.scss 文件。在您的 main.scss 文件中，您必须使用 @import "partialsMap“ 导入这个新创建的文件

sass_globbing: {
  your_target: {
    files: {
      '_partialsMap.scss': 'partials/**/*.scss'
    },
    options: {
      useSingleQuoates: false
    }
  }
}

【讨论】：