Question

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

这是我的文件结构：

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页面上的使用说明进行了操作，但我在这里做错了。如果有人能够指出它会很棒。

由于

戴夫

Answer 1

你不应该将Ruby gem sass-globbing的语法与我的插件提出的语法混合。

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

导入此新创建的文件

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

Grunt SASS Globbing问题 - 导入partials文件夹时出错

1 个答案: