1
很抱歉，如果已經有人提問，但是我找不到它。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());
});