Gulp produces empty css file (compilation sass to css)
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
asked Dec 30 '18 at 20:15
rizzo nonamerizzo noname
12
|
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
asked Dec 30 '18 at 20:15
rizzo nonamerizzo noname
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
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
asked Dec 30 '18 at 20:15
rizzo nonamerizzo noname
12
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
asked Dec 30 '18 at 20:15
rizzo nonamerizzo noname
12
asked Dec 30 '18 at 20:15
rizzo nonamerizzo noname
12
edited Dec 30 '18 at 20:25
rizzo noname
asked Dec 30 '18 at 20:15
rizzo nonamerizzo noname
12
asked Dec 30 '18 at 20:15
rizzo nonamerizzo noname
12
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.
answered Dec 30 '18 at 22:10
rizzo nonamerizzo noname
12
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.
answered Dec 30 '18 at 22:10
rizzo nonamerizzo noname
12
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.
answered Dec 30 '18 at 22:10
rizzo nonamerizzo noname
12
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.
answered Dec 30 '18 at 22:10
rizzo nonamerizzo noname
12
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
answered Dec 30 '18 at 22:10
rizzo nonamerizzo noname
12
answered Dec 30 '18 at 22:10
rizzo nonamerizzo noname
12
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
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