SASS - 避免在部分文件中重复导入mixin

问题描述：

很抱歉，如果已经有人提问，但是我找不到它。SASS - 避免在部分文件中重复导入mixin

我想保持我的SASS文件的组织，并且正如此类使用部分的负载分开关心... _mixins.scss。 _header.scss，_footer.scss，_sidebar等

然后我有我的styles.scss文件，它看起来有点像：

@import 'mixins' 
@import 'header' 
@import 'footer' 
@import 'sidebar'

我面临的问题是，如果我在_mixins.scss部分有一个mixin，让我们说，@function size() {}，我想用它在_header.scss，我无法（libsass抛出一个错误 - Error: no mixin named size）。

在我看来，它应该简单地将每个部分导入styles.scss，并且由于它在调用@include size()函数之前获得部分mixins，那么它应该知道该怎么做。这显然不是，虽然如此......

所以......

有什么办法来保存@import 'mixins'被投入在我的每个其他谐音的顶部？

由于我使用多个库，如果我需要在每个库中维护大量的“内容样式”部分，这可能会很快变得麻烦。

哦，如果它有助于我使用一饮而尽，以构建它... ...的培训相关的任务是：

gulp.task('sass', function() { 
    var plugins = [ 
    autoprefixer({ 
     browsers: ['> 0%'] 
    }) 
    ]; 
    return gulp.src('./sass/**/*.scss') 
    .pipe(sourcemaps.init()) 
     .pipe(sass({ 
     includePaths: sassPaths, 
     }).on('error', sass.logError)) 
     .pipe(postcss(plugins)) 
     .pipe(csso()) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest('./css')) 
    .pipe(browserSync.stream()); 
});

答

是啊...在我的现实世界的情况下，我之前忽略了_ 'content-styles'文件名，即_header.scss ...我觉得自己像个涂料！

至少我学到了一个部分实际上做了什么。

感谢任何回答此问题的人。 :)

SASS - 避免在部分文件中重复导入mixin

相关推荐