SCSS not working

[burningTyger]

I have added the scss loader:

    httpVueLoader.langProcessor.scss = function (scssText) {
        let css = ''
        sass.compile(scssText, function (result) {
            css = result.text
        })
        return css
    }

and in my template I have:

<style scoped lang='scss' src='page.scss'></style>

I know that the langProcessor works because if I add a console.log(css) I get valid css.
Since I have working processors for pug and es6 via babel I don't think my setup is broken.

If I just use plain css as in:

<style scoped>
  .main { color: red}
</style>

it also works.

I couldn't import via @import inside my style tags because then the page.scss file was never found so I gave up on that. Still, I can't see why this is not working.

[FranckFreiburger]

Since sass.compile is asynchronous, you should return a promise:

    httpVueLoader.langProcessor.scss = function (scssText) {
        return new Promise(function(resolve, reject) {
            sass.compile(scssText, function (result) {
                if ( result.status === 0 )
                    resolve(result.text)
                else
                    reject(result)
            });
        });
    }

(untested)

[burningTyger]

Yes, that's it. Maybe add that to the docs? Works without modifications.

[FranckFreiburger]

Feel free to create a PR to enhance the Doc. Thanks Le mer. 21 mars 2018 18:54, burningTyger <notifications@github.com> a écrit :

…

Yes, that's it. Maybe add that to the docs? Works without modifications. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#33 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AYU-0hTLd3Dup9XtbM0-ETWtU_id4Dksks5tgpO7gaJpZM4SywNj> .

[Arturokin12]

where do you get that sass.compile function? still fighting with that

[gaby64]

where do you get that sass.compile function? still fighting with that

https://github.com/medialize/sass.js/