私のうなり声プロジェクトで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 ページにある使用方法に従いましたが、ここでは明らかに何か間違っています。誰かがそれを指摘できれば、それは素晴らしいことです。
ありがとう
デイブ