Question

快速摘要，我正在使用@import＆＃34; dir / ** / *＆＃34;导入大约100左右_filename.scss。下划线在这里很重要。如果我使用＆＃34; @import＆＃34; dir / specific_path / filename;＆＃34;并单独添加所有文件，它们工作正常，一切都编译。但它不适用于整个目录。但是，如果我重命名我的文件filename.scss一切正常，目录导入工作（注意，只是从文件名中删除下划线）。

这可能是gulp-sass的一个错误，但我想确保我没有遗漏某些参数或其他东西。我可以重命名这些文件，但是我想将惯例_filename.scss用于那些不能单独使用的文件。

Sass任务（gulpfile.js）：

＆＃13;

Route::get('users/profile', 'UserController@showProfile');



public function showProfile()
{
    return view('user.profile', ['user' => Auth::user()]);
}

＆＃13;

我正在使用Drupal Pattern Lab网站。但目录结构并不重要，因为它是文件名的问题......

我正在调用@import的文件：

gulp.task('sass', function() {
    return gulp.src('./source/css/pattern-global.scss')
        .pipe(sourcemaps.init())
        .pipe(sass({includePaths: ['./source/_patterns/']}).on('error', sass.logError))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('./source/css/patterns/'));
});

文件名使用下划线时出现的错误：

@import "../_patterns/**/*";

消息：源极/ CSS /图案global.scss 错误：要导入的文件未找到或不可读：../_ patterns /。/。*。父样式表：/Users/XXXXX/Sites/drupal_pattern_lab/source/css/pattern-global.scss 在source / css / pattern-global.scss

的第5行

@import＆＃34; ../_ patterns / ** / *＆＃34 ;;        ^

注意：我在这里经历了很多gulp-sass问题，而且我认为没有一个与我的问题相符。

总结：除了我正在编译的文件从_filename.scss重命名为filename.scss之外，保持一切相同，一切正常。或者在特定文件而不是目录上使用@import也可以正常工作。

由于

Answer 1

在我搔了一会儿之后我发现了这个：

https://www.npmjs.com/package/gulp-sass-glob

＆＃13;

resource

＆＃13;

gulp-sass无法使用带有下划线名称文件的@import完整目录进行编译

1 个答案: