我正在尝试在我的 grunt 项目中使用 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
}
}
主要.scss:
@import "partials/**/*";
和这个:
sass_globbing: {
your_target: {
files: {
'styles/_partialsMap.scss': 'styles/partials/**/*.scss'
},
options: {
useSingleQuoates: false
}
}
}
主要.scss:
@import "partials/**/*";
我已经按照 grunt-sass-globbing github 页面上的使用说明进行操作,但我显然在这里做错了。如果有人能指出,那就太好了。
谢谢
戴夫