How to include separate css without file concatenation?

[matiev]

How to include separate css without file concatenation(copying/grouping) properties)?

Structure
folder src
folder sass
folder block
base.sass
header.sass
main.sass

main.sass
@import block/base
@import block/header

./public/...
converted to main.css
@import 'block/base.css'
@import 'block/header.css'

and folter block

gulpfile.js
const scss = () => {
return src('./src/sass/**/*.sass')
.pipe(sass())
.pipe(dest('./public/css/'))
.pipe(browserSync.stream())
}

[wkillerud]

Not sure I understand the problem, but if you want main.css to not have the content of block/base and block/header – instead use CSS import to load CSS in the browser – then in main.sass:

@import "block/base.css"
@import "block/header.css"

That way Sass treats @import as a CSS import.

[matiev]

Thanks for the answer. This is what I needed, it helped