Vuetify requires Dart `sass` instead of `node-sass`

[dfabreguette]

Hey !
I'm having this issue installing vuetify on a rails app.
https://vuetifyjs.com/en/getting-started/frequently-asked-questions#invalid-css-after-content-expected-was-material-light
Looking at my yarn.lock file, I realised node_sass was a Rails Webpacker dependency.
Any chance someone had same issue and knows how to either remove node_sass dependency OR force wepack to use sass lib ?

[jakeNiemiec]

Webpacker does not support the Dart sass package. One of the comments in this issue may help: #2235 (comment)

[gplusdotgr]

Webpacker should make an effort to be more agnostic for things like loaders etc and accept everything from an external config value or parameter. It's a continuous fight to override it's baked-in configuration. I understand it's built for a particular audience but at least let's document the possibility to delete the existing configuration :)

PS: it appears node-sass is not actively maintained and dart-sass is a better solution.

[jakeNiemiec]

it appears node-sass is not actively maintained and dart-sass is a better solution.

What leads you to say that? I could not find anything to that effect:

• https://github.com/sass/node-sass
• https://twitter.com/nodesass

[gplusdotgr]

I stand corrected. It's slowly losing momentum. Node sass always had issues, its big bulky and has dependencies. There's also the infamous rebuild flag needed when you change OS. For more info, :

laravel-mix/laravel-mix#1832

[jakeNiemiec]

It's slowly losing momentum.

Agreed, but very slowly. 🐢

I would rather have a quicker solution at the cost of standard maintenance. Node Sass is just a wrapper around LibSass, the native C++ implementation of Sass. This is why it needs to be built specifically to your OS.

Dart Sass, is reportedly up to 3x slower since you're computing things from within a VM: sass/dart-sass#113

[jakeNiemiec]

Just stopping by to share a growing justification for switching to dart sass: https://github.com/sass/sass/blob/master/accepted/module-system.md#timeline

[tomocrafter]

I want to use vuetify on the rails with webpacker.
Is there any example of project or workaround?

[dfabreguette]

I want to use vuetify on the rails with webpacker.
Is there any example of project or workaround?

@tomocrafter I simply used compiled CSS version, and overides.
Hoping I can use sass variables soon !

[tomocrafter]

@dfabreguette-ap I used #2235 (comment) this configuration and it worked as expected!
hope it can helps you

[1w2e3r4t5y66]

2239