1
申し訳ありませんが、既に質問されていますが、どこにも見つかりませんでした。SASS - ミックスインを部分的に繰り返しインポートすることを避ける
私はSASSファイルを整理したままにしておきたいので、懸念事項を分けるために部分的な負荷を使用しています... _mixins.scss。 _header.scss、_footer.scss、_sidebarなど
私は、少しのように見えます私のstyles.scssファイル、持っている：私は私の_mixins.scss部分、聞かせてのでミックスインを持っている場合は、私が直面してる問題がある
@import 'mixins'
@import 'header'
@import 'footer'
@import 'sidebar'
を@function size() {}とし、_header.scssに使用したいと思っています。（libsassはエラーError: no mixin named sizeを投げません）。
styles.scssに各部分をインポートするだけで、@include size()関数が呼び出される前にmixinsが部分的になるので、何をすべきかを知っておく必要があります。これは、しかし...
そう...
は私の他のパーシャルのそれぞれの上部に置かれている@import 'mixins'を保存する方法はあり明らかにそうではありませんか？
私は複数のライブラリを使用しているので、すべてのライブラリで十数個程度の「コンテンツスタイリング」パーシャルを維持する必要がある場合、これはすぐに面倒になる可能性があります。
ああ、それは私がそれを構築するためにがぶ飲みを使用している場合に役立ちます... releventタスクは次のとおりです。
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());
});