Gulp produces empty css file (compilation sass to css)

Multi tool use
I want to compile my sass file to css but it doesn't work, although it has worked recently (i did the same things and all was normally). My CSS file is just empty.
Here is the task
gulp.task('sass', function () {
return gulp.src('src/sass/*.sass')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('dist/css'));
});
I've reinstalled packages and node js but it didn't help.
https://imgur.com/a/yy4oJMl
css sass compilation gulp
|
show 2 more comments
I want to compile my sass file to css but it doesn't work, although it has worked recently (i did the same things and all was normally). My CSS file is just empty.
Here is the task
gulp.task('sass', function () {
return gulp.src('src/sass/*.sass')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('dist/css'));
});
I've reinstalled packages and node js but it didn't help.
https://imgur.com/a/yy4oJMl
css sass compilation gulp
Welcome to Stack Overflow, can you please post the gulp tasks as formatted code instead of images?
– Don Peat
Dec 30 '18 at 20:18
Sorry I meant in original question, not as a comment.
– Don Peat
Dec 30 '18 at 20:19
Do you mean that the dist/css directory is empty?
– Don Peat
Dec 30 '18 at 20:22
No, it compiles. There is style.css but it's empty while style.sass has some code.
– rizzo noname
Dec 30 '18 at 20:23
And can you show a minimal .sass file that compiles to an empty .css file too.
– Mark
Dec 30 '18 at 20:50
|
show 2 more comments
I want to compile my sass file to css but it doesn't work, although it has worked recently (i did the same things and all was normally). My CSS file is just empty.
Here is the task
gulp.task('sass', function () {
return gulp.src('src/sass/*.sass')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('dist/css'));
});
I've reinstalled packages and node js but it didn't help.
https://imgur.com/a/yy4oJMl
css sass compilation gulp
I want to compile my sass file to css but it doesn't work, although it has worked recently (i did the same things and all was normally). My CSS file is just empty.
Here is the task
gulp.task('sass', function () {
return gulp.src('src/sass/*.sass')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('dist/css'));
});
I've reinstalled packages and node js but it didn't help.
https://imgur.com/a/yy4oJMl
css sass compilation gulp
css sass compilation gulp
edited Dec 30 '18 at 20:25
rizzo noname
asked Dec 30 '18 at 20:15


rizzo nonamerizzo noname
12
12
Welcome to Stack Overflow, can you please post the gulp tasks as formatted code instead of images?
– Don Peat
Dec 30 '18 at 20:18
Sorry I meant in original question, not as a comment.
– Don Peat
Dec 30 '18 at 20:19
Do you mean that the dist/css directory is empty?
– Don Peat
Dec 30 '18 at 20:22
No, it compiles. There is style.css but it's empty while style.sass has some code.
– rizzo noname
Dec 30 '18 at 20:23
And can you show a minimal .sass file that compiles to an empty .css file too.
– Mark
Dec 30 '18 at 20:50
|
show 2 more comments
Welcome to Stack Overflow, can you please post the gulp tasks as formatted code instead of images?
– Don Peat
Dec 30 '18 at 20:18
Sorry I meant in original question, not as a comment.
– Don Peat
Dec 30 '18 at 20:19
Do you mean that the dist/css directory is empty?
– Don Peat
Dec 30 '18 at 20:22
No, it compiles. There is style.css but it's empty while style.sass has some code.
– rizzo noname
Dec 30 '18 at 20:23
And can you show a minimal .sass file that compiles to an empty .css file too.
– Mark
Dec 30 '18 at 20:50
Welcome to Stack Overflow, can you please post the gulp tasks as formatted code instead of images?
– Don Peat
Dec 30 '18 at 20:18
Welcome to Stack Overflow, can you please post the gulp tasks as formatted code instead of images?
– Don Peat
Dec 30 '18 at 20:18
Sorry I meant in original question, not as a comment.
– Don Peat
Dec 30 '18 at 20:19
Sorry I meant in original question, not as a comment.
– Don Peat
Dec 30 '18 at 20:19
Do you mean that the dist/css directory is empty?
– Don Peat
Dec 30 '18 at 20:22
Do you mean that the dist/css directory is empty?
– Don Peat
Dec 30 '18 at 20:22
No, it compiles. There is style.css but it's empty while style.sass has some code.
– rizzo noname
Dec 30 '18 at 20:23
No, it compiles. There is style.css but it's empty while style.sass has some code.
– rizzo noname
Dec 30 '18 at 20:23
And can you show a minimal .sass file that compiles to an empty .css file too.
– Mark
Dec 30 '18 at 20:50
And can you show a minimal .sass file that compiles to an empty .css file too.
– Mark
Dec 30 '18 at 20:50
|
show 2 more comments
1 Answer
1
active
oldest
votes
There was just a mistake in my sass code. i've written colon (like background-color: $header-color and it worked). My bad.
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53981087%2fgulp-produces-empty-css-file-compilation-sass-to-css%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
There was just a mistake in my sass code. i've written colon (like background-color: $header-color and it worked). My bad.
add a comment |
There was just a mistake in my sass code. i've written colon (like background-color: $header-color and it worked). My bad.
add a comment |
There was just a mistake in my sass code. i've written colon (like background-color: $header-color and it worked). My bad.
There was just a mistake in my sass code. i've written colon (like background-color: $header-color and it worked). My bad.
answered Dec 30 '18 at 22:10


rizzo nonamerizzo noname
12
12
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53981087%2fgulp-produces-empty-css-file-compilation-sass-to-css%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Ax8Mw,t JuqSQllQV5odBWjsX,2CmJrCI4HawuIzJmUe8pS,Ztti,UNTnjwiMSCB6Yb0QqrPiVCPVFe0Y5KE5Vv
Welcome to Stack Overflow, can you please post the gulp tasks as formatted code instead of images?
– Don Peat
Dec 30 '18 at 20:18
Sorry I meant in original question, not as a comment.
– Don Peat
Dec 30 '18 at 20:19
Do you mean that the dist/css directory is empty?
– Don Peat
Dec 30 '18 at 20:22
No, it compiles. There is style.css but it's empty while style.sass has some code.
– rizzo noname
Dec 30 '18 at 20:23
And can you show a minimal .sass file that compiles to an empty .css file too.
– Mark
Dec 30 '18 at 20:50