0

私のうなり声プロジェクトでsass globbingを使用しようとしています。しかし、パーシャルを含むフォルダーを含めると、「警告: エラー: インポートするファイルが見つからないか読み取り不能です: パーシャル」というメッセージが表示されます。</p>

これが私のファイル構造です:

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 ページにある使用方法に従いましたが、ここでは明らかに何か間違っています。誰かがそれを指摘できれば、それは素晴らしいことです。

ありがとう

デイブ

4

1 に答える 1